Slider Revolution WP
09.27.2016
Resolving front-end CSS theme conflicts
CSS conflicts sometimes happen when themes and plugins are mixed together.But the good news is they are usually very easy to solve.
1. Check to see if your theme has an update available
If your theme bundles the Slider Revolution plugin, chances are it may have some custom CSS for the slider built-in for compatibility. But if your theme is outdated (i.e. isn’t updated to the latest version), the custom CSS it includes for Slider Revolution may also be outdated.
2. Check to see if your theme has a built-in option for disabling custom styles for the slider.
Here’s an example of this option in the Avada theme:
https://www.themepunch.com/faq/disable-avada-styles-for-revolution-slider/
Check your theme’s documentation to see if there’s a similar option for your particular theme.
3. Remove the custom styles manually (only recommended if all else fails)
Make a backup of your theme’s “style.css” file, and then remove any and all styles with the following class names:
Slider Container Class Names:
|
1 2 3 4 5 6 7 |
.forcefullwidth_wrapper_tp_banner .fullwidthbanner-container .fullwidthabanner .rev_slider_wrapper .rev_slider |
Navigation Class Names:
|
1 2 3 4 5 6 7 8 9 10 11 |
.tparrows .tp-leftarrow .tp-rightarrow .tp-bullets .tp-bullet .tp-thumbs .tp-thumb .tp-tabs .tp-tab |
Content Layer Class Names:
|
1 2 3 4 5 |
.tp-caption .rev-btn .tp-shape |
Background Image Class Names:
|
1 2 3 4 |
.slotholder .tp-bgimg |
Video Class Names:
|
1 2 3 4 |
.tp-videolayer .rs-background-video-layer |
