Title: CSS conflicts
Last modified: August 22, 2016

---

# CSS conflicts

 *  [petedrennan](https://wordpress.org/support/users/petedrennan/)
 * (@petedrennan)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-conflicts-1/)
 * Hi, thanks for the plugin! I had it working well on the default theme but now
   that I have setup my new theme there are some styling issues.
 * I have uploaded the css file correctly as per the instructions (was working fine
   in default theme), but now when I use firebug the page the right css file is 
   there but the code has been overwritten.
 * The correct css is:
 *     ```
       .bar {
         fill: steelblue;
       }
   
       .bar:hover {
         fill: brown;
       }
   
       .axis {
         font: 10px sans-serif;
       }
   
       .axis path,
       .axis line {
         fill: none;
         stroke: #000;
         shape-rendering: crispEdges;
       }
   
       .x.axis path {
         display: none;
       }
       ```
   
 * But the css detailed in firebug is:
 *     ```
       #pseudoCssId0:after {
           display: block !important;
       }
       #pseudoCssId1:after {
           display: block !important;
       }
       #pseudoCssId2:after {
           display: block !important;
       }
       #pseudoCssId3:after {
           display: block !important;
       }
       .x.axis path {
           display: none !important;
       }
       ```
   
 * Within firebug if I select to ‘edit source’ the d3 css file all the correct css
   code is there, and selecting edit source then makes the css magically render 
   on the page. So the theme must be doing something to overide the plugin css, 
   but strangely the ‘.x.axis path’ css rule makes it through.
 * Any help would be greatly appreciated.
 * The link to the test post is: [](http://retailbeat.ca/test-post/)
 * [https://wordpress.org/plugins/wp-d3/](https://wordpress.org/plugins/wp-d3/)

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

 *  Thread Starter [petedrennan](https://wordpress.org/support/users/petedrennan/)
 * (@petedrennan)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-conflicts-1/#post-5754696)
 * also I tried adding !important to all the css rules but this had no effect.
 *  Plugin Author [Ruben](https://wordpress.org/support/users/figurebelow/)
 * (@figurebelow)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-conflicts-1/#post-5754907)
 * Hi,
 * I’m not aware of any css replacement in wp-d3. Could you provide a link to the
   test post?
 * R.
 *  Thread Starter [petedrennan](https://wordpress.org/support/users/petedrennan/)
 * (@petedrennan)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-conflicts-1/#post-5754931)
 * Thanks for the response.
 * The post link is here:
 * `<a href="http://retailbeat.ca/test-post/"></a>`

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

The topic ‘CSS conflicts’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-d3_bda39b.svg)
 * [Wp-D3](https://wordpress.org/plugins/wp-d3/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-d3/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-d3/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-d3/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-d3/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-d3/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [petedrennan](https://wordpress.org/support/users/petedrennan/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/css-conflicts-1/#post-5754931)
 * Status: not resolved