Tagged: content slider
November 29, 2012 at 6:58 am #18227
I Need to move the nav buttons for the content slider to above the content, instead of below. Can someone point me where I nee to go?
Thank you.November 29, 2012 at 7:06 pm #98674
There are a number of options and combinations available. Do you have a page you can show, or be more specific about your back end settings from the drop down menu:
a) Which Slideshow do you want to use?
b) Slideshow Layout on Single Pages
Please let us know the choices you’ve made for the select boxes asking those questions if you don’t have a url.
NickNovember 30, 2012 at 5:48 pm #98675
Thanks Nick. The content slider at the boto of this page is the example…
I’d like to try placing the nav circles on top of the content instead of underneath. But want to be sure I can change it back if we don’t like it.
Thank you!November 30, 2012 at 6:48 pm #98676
Please add this to your custom.css file or to Quick CSS located in the backend Choices > Theme Options > Styling … on the bottom of the page
It needs to get adjusted, but if you want to move the controls to the top, its as easy as that. To change it back, just remove the above css. :)
NickNovember 30, 2012 at 8:43 pm #98677November 30, 2012 at 8:48 pm #98678
Although… it is cutting off the bottom of the content within that slide. Take a look. I tried a few CSS mods to correct this, with no luck. Can you help?
Also, the controls are still on the bottom in Firefox.
Thanks!November 30, 2012 at 11:19 pm #98680
Please try the following. However I would consder limiting each slide to a max number of lines. A few of the slides look like essays and seem a bit out of place with the flow.
overflow: visible !important;
NickDecember 1, 2012 at 9:10 am #98681
I missed the part of the css not working on FF that you wrote above.. I am going to quickly look at IE and Safari as well, and whether this approach makes sense as opposed to modifying the avia.js file which generates the slider.December 3, 2012 at 3:07 am #98682
Thanks but no, this doesn’t work either. I noticing too, that it’s not responsive… when these number (nav) breaks to multiple lines and slide copy just overlaps it.
I realize this is an unusual use for this. but if you can help me get this to work, I’d appreciate it very much.
Thanks NickDecember 3, 2012 at 7:14 pm #98683
I took a long look at this, and besides using CSS a rebuilding of large parts of the slider code would be required to get the end result you seek.
I used the following CSS on your site and there was no breaking of the responsive theme, though there was minor cutoffs on some of the slides yet the slides were working. All that it needs is some height!
NickDecember 4, 2012 at 8:30 am #98684
Thanks for taking stabs at this Nick. I really appreciate it. It is kindof crazy what we’re trying to do. Is there a possibility to change these to just a simple Previous/Next buttons instead of the numbers?December 5, 2012 at 2:52 am #98685
The topic ‘Need to move the nav buttons for the content slider to above the content…’ is closed to new replies.