WordPress.org

1. geeday
   Member
   Posted 3 months ago #

   Hi,

   This might be something of a repost, for which I apologise.

   What is the normal way to handle CSS conflicts.

   the "genesis tabs" widget uses the same CSS class names as the main site theme. these CSS class names are repeated in the site style.css and the widget style.css and both have different content. this means the markup in widget is all messed up as the widget comes across the site style.css file first ?? (is this correct). is the way to fix this, change the class names and edit the widget style sheet to match the widget only?

   thanks in advance

2. esmi
   Theme Diva & Forum Moderator
   Posted 3 months ago #

   Try using Firefox with the Firebug add-on for this kind of CSS work.
   http://getfirebug.com/

3. geeday
   Member
   Posted 3 months ago #

   Thanks for the reply. I was more interested in the actual css conflict and the fact the widget and main site theme use the same style classes etc.

4. alchymyth
   The Sweeper
   Posted 3 months ago #

   I was more interested in the actual css conflict and the fact the widget and main site theme use the same style classes

   what site and theme are you referring to?
   is the widget part of the theme or from a plugin?

   there is usually a way to change some of the styles to use more specific selectors;
   - you might want to contact the theme or plugin author directly.

   however, formatting is not a WordPress problem and not within the scope of this forum;

   additionally, without a live link to the problem, nobody can really even start to comment on the issue.

5. geeday
   Member
   Posted 3 months ago #

   again, thanks for the reply.

   the site has genesis sat on top of wordpress and is using "genesis tab" plugin which is created by the genesis author. http://sharpmoney.com/

   I expect the theme was editted and personalised. so given the plugin uses the original CSS, I expect this needs updating to match the existing (editted) theme. I think the fact all the class names are the same is confusing me. there is some color inheritance from the main theme (the green), but the layout (from the padding and margin) is all screwed up.

   (I'm not askign for help in editting the CSS, it more a mechanics of the theme/plugin interaction, hense the reason it is in the plugin forum).

   thanks

   hopefully

6. geeday
   Member
   Posted 3 months ago #

   To sort of close the thread.

   2 plugins are activated and they both use jquery, so the names of elements are the same. They both require separate jquery.css files for the the jquery plugin bit, so there is massive contention!!

Reply

You must log in to post.