Title: widget css conflicts
Last modified: August 20, 2016

---

# widget css conflicts

 *  [geeday](https://wordpress.org/support/users/geeday/)
 * (@geeday)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/)
 * 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](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555483)
 * Try using Firefox with the Firebug add-on for this kind of CSS work.
    [http://getfirebug.com/](http://getfirebug.com/)
 *  Thread Starter [geeday](https://wordpress.org/support/users/geeday/)
 * (@geeday)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555508)
 * 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](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555510)
 * >  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](https://wordpress.org/support/users/geeday/)
 * (@geeday)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555514)
 * 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/](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](https://wordpress.org/support/users/geeday/)
 * (@geeday)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555559)
 * 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.

## Tags

 * [conflict](https://wordpress.org/support/topic-tag/conflict/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 5 replies
 * 3 participants
 * Last reply from: [geeday](https://wordpress.org/support/users/geeday/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/widget-css-conflicts/#post-2555559)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics