widget css conflicts

  • geeday

    (@geeday)


    14 years, 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    14 years, 3 months ago

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

    Thread Starter geeday

    (@geeday)

    14 years, 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.

    Michael

    (@alchymyth)

    14 years, 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.

    Thread Starter geeday

    (@geeday)

    14 years, 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

    Thread Starter geeday

    (@geeday)

    14 years, 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!!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘widget css conflicts’ is closed to new replies.