Revolution Slider Problem

Hi there,

I am using the plugin "Revolution Slider" on my website and the three slider buttons at the bottom of the slider are overlapping the content on my website.

I was wondering if anyone had seen this issue before and know how to fix it? Please see the site to understand what I mean.

Thanks,

Jordan

 

Can you share a link to the site? I don't see one in your message.

 

www.dentist-preston.co.uk

 

I think that it may be the height of your slides.

 

just checked your website, seems you have fixed the issue

 

Yes, check to see if there is a recommended slide height. Seems that your slides are about 350px in height. If you increase that, the slider selectors don't conflict with the words anymore.
Some CSS tweaks would help as well. Set height on
#rev_slider_2_1, #rev_slider_2_1_wrapper to 400px.
That pretty much takes care of it.

 

Where would I put the edit the CCS? In the site files on Filezilla or on the plugin?

 

One quick solution can be to add "bottom:0 !important" property to "wp-content/plugins/revslider/rs-plugin/css/settings.css?ver=4.1.1" style sheet in ".tp-bullets.hidebullets" class definition on line#262. As you are not having any other slider in website, so it will fix the issue on this page.

 

Doesn't matter I found out, this worked, thanks a lot for your help!

 

glad to read that

 

So you can either hide the bullets like the above posts suggests, or you can make the CSS style adjustments in your theme. Either way, the danger with editing the CSS file right in the plugin is that anytime you implement an upgrade it will overwrite the changes. Usually most WP themes have a CSS over-ride area. That would be my first suggestion. If you have difficulty, you can edit the plugin's style sheet. Search for #rev_slider_2_1, #rev_slider_2_1_wrapper to make the adjustments.

 

Guess you got it figured out!