Where are the hidden “inline css” in WordPress located?

0 Views

This is the code I put-in to style.css in WordPress: 

h3.list {
    color: #FFFFFF;
    font: bold 15pt Arial,sans-serif;
    letter-spacing: -1px;
    margin: 10px 10px 0;
    padding-bottom: 8px;
}

And this is what I can’t locate and delete:

Read More
h1, h2, h3, h4, h5, h6, ul#top-menu a {
    font-family: 'Arvo',Arial,sans-serif !important;
}

Please help me locate the file that is causing this. Thank you.

Post Views: 0

Related posts

Leave a Reply

4 comments

  1. Open your site in Chrome and look at Dev Tools (Wrench > Tools > Developer Tools)

    Go to the Resources tab and search for that string h1, h2, h3, h4 and you’ll find all instances of it in the files used on the site.

    If you know the element to which it applies to (any h1 will do) you can see all applied styles in the Elements tab and it’ll tell you the file name and line number in which that style is defined.

    As I suspected, it’s in the HTML of the index page.

    enter image description here

  3. Elegant Themes usually have a Theme Options panel for typography. You may be able to change in there rather than in CSS. As others have indicated, Firebug is a great tool for discovering the source of the declaration.

  4. I am basing this off of the demo at: http://elegantthemes.com/preview/eList/

    If you look at line 43, you’ll notice the following:

    <style type='text/css'>h1,h2,h3,h4,h5,h6,ul#top-menu a { font-family: 'Arvo', Arial, sans-serif !important;  }</style>

    That is what is applying the font. Seeing as it is directly in the <head> section and also has !important applied, your best bet is just to remove or comment it out. Then you are free to apply your own fonts however you’d like.