WP-Hidden Stylesheet?

3 replies
Hey guys,

In my theme template (sleek), I have a style.css page, but it only shows a small portion of the css styles operating my site.

The theme has 5 different colors, blue, red, green, stone, and xmas. I'm using the blue. It has a blue.php page which only shows some php code and thats it.

However, if you go to my website, right click and view page source, you will see links to two different style sheets. One links to the style.css page, but the other links to mysite/wp-content/themes/sleek/blue.php, where you can view all of the extra css styles in your browser. These are essential styles like body, h1, h2, navlinks, etc, that aren't in the style.css page provided in my template.

However, in the blue.php page in my theme, there are no styles listed! Only some php code.

I'd like to be able to access the stylesheet thats supposed to be in the blue.php page so I can edit it. Is this possible?

Thanks
#stylesheet #wphidden
  • Profile picture of the author WarGasm
    I figured out I can always add the style I want to edit to my style.css page and use the !important rule to override the default style. I'm still curious though as to why the styles aren't listed in the blue.php page even the the source code links to a stylesheet on that page.
    {{ DiscussionBoard.errors[6621011].message }}
  • Profile picture of the author ALicenseToCode
    What you need to do is get the developer extension for your particular browser, just search
    "[Browser Name] Developer Extension" in google. Install the developer extension and watch a quick video tutorial on how to use it.

    Once you have that running you can inspect your page and see where the styles are coming from that are applied to each element on your page. In your situation there's either a separate css document or the styles are being applied in line (in the actual html tag). If you get the css document where they're being applied you can just get it off your server and manually edit it, then reupload it.
    {{ DiscussionBoard.errors[6625652].message }}
  • Profile picture of the author John Ayling
    The best developer extension out there in my opinion is Firebug for Firefox.
    After you have installed it, just click on the 'bug' icon and you will see the actual CSS files listed for you that are being downloaded by the page in one of the Firebug tabs.
    Signature
    Software Marketing & Licensing System for WordPress Plugins, Themes & .NET Software
    >> 72 Hour Special <<
    {{ DiscussionBoard.errors[6626710].message }}

Trending Topics