Admin-Panel Custom css is above plugins CSS - Files in source

(2 posts) (2 voices)

1. 

   HeliR
   Member

   Problem: I cannot override some plugins CSS Files.
   Looking into the source of my site I see why:

   you get all THEME CSS files into the Webpage including the admin-panels CSS-Overrides
   then follow the scripts
   then follow more Linkrel / stylesheets of the plugins
   then follow skripts of plugins
   then follow
   

    <style> some CSS </style> 

   of the plugins

   then finally follows the end of (/head)

   Now where should I put my own CSS that overrides the style sheets of plugins .... ?

   I was used from various WOOTHEMES, that I tried out before, that I could put whatever I wanted into CUSTOM.CSS and AMIN-Panel CSS-Box, this was always the last CSS that was put into the webpage so I could override everything.

   Look at the source of a WOO-THEME, e.g. http://demo.woothemes.com/
   you see that they put CUSTOM.CSS right before the (/head) tag.

   So I suggest you take this useful part as minor change for your next framework update:

   1) allow own custom.css to keep own changes in one place and bringt that over framework updates
   2) put this custom.css right as last thing before (/header) into the webpage
   3) but the admin-panel custom.css content AFTER the custom.css - file, right before the closing (/header) into the webpage.

   Tx a lot

   Posted 9 months ago #
2. 

   Ruderic
   Support

   Hello,

   Thanks for such a suggestion. You can, however, override styles by using the "!important" keyword in your CSS declaration. For example, your "Custom CSS" field would look like this:

   #wp-plugin-selector {
   color: #333 !important;
   font-size: 12px !important;
   }

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.