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.

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:

Navigation Class Names:

Content Layer Class Names:

Background Image Class Names:

Video Class Names: