CSS Class Conflicts

Anonymous

#30756

SF uses css classes that should be reserved for default WordPress styling. For example, I am loading the default Jquery accordion and tabs scripts to organize some data on my site. The page has zero search and filter functionality. But since SF uses class such as ui-widget-content or ui-corner-bottom, SF loads styling in a place that it should not. When you load the jquery scripts, it targets an ID then loads default classes to that div. They are the default for WordPress Core. SF should prefix their classes so that it does not override/conflict with WordPress Core.

I have a screenshot of Google Chrome Inspector if you want to see the code. The highlighted HTML is the default css classes loaded by the tabs jqery. And on the right hand side, you can see SF loading 2 different styles (ui-corner-bottom and ui-widget-content).

Ross Moderator

#30758

Hi Clayton

What version of S&F are you using? Since 2.0, all class names have prefixes.

Thanks

Anonymous

#30763

Sorry about that. I thought I had the most recent version. Just checked and I was using 1.4.1. Just upgraded and my issue is resolved. Thanks for the quick reply…I really like your plugin btw.

Ross Moderator

#30764

Thanks! 🙂

[Author]

Posts