Slider Moving Up and Down–How to Stop?

[tmws]

Very sorry Jason I have another Q. I am just about finished with site so hopefully questions will slow down.

Here’s the problem. I have a slider. I have a video URL (aligned left), some full width photo sliders and one photo aligned to the left. When either of the aligned left pages appear (either the video or the picture aligned left), the slider itself shifts upward, then back down then the full width photos appear again (or downward, can’t remember which). But the point is that if you are reading further down the page, the text keeps jumping up and down when the sliders change from one to the next. Is there any way to stop the slider from moving up and down but still using different slides within one slider (meaning a combo of videos aligned left, photos aligned, then also full width–all in the same slider without page moving up and down)? I’ve tried just about everything so think this may not be possible to fix but very bothersome when trying to read site so I thought I would ask yet another Q. Thank you!

Topic

[Jason Bobich]

One approach would be to give the slider a fixed a height with CSS.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

.flexslider .slides > li { height: 350px; }

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies