Changing CSS – how to find default code?

  • Author
    Posts
  • #1462994

    How do I find the default css code so I can make adjustments? I am just trying to change the text size of my tagline. I already upgraded to ‘custom design’. I want to be able to see the existing code so I can edit it. I’m on wordpress.com Twenty Ten theme.

    Thanks!

    The blog I need help with is themaximumplan.com.

    #1463157

    I do already know how to view the code by going to the site in my browser and viewing page source. But how do I add an override into the css revisions window so that it works? It always says “unexpected value” or something.

    Thank you!

    #1463158

    justpi
    Member

    You use a developer extension to inspect elements. (Viewing page source shows you the HTML, not the CSS.)

    On wordpress.com you don’t literally edit the default code, you add to it.
    To change the font size of the tagline, you’d add this in the CSS editor and change the value:

    #site-description {
        font-size: 12px;
    }

    If you increase it too much, it will break in two lines, so in that case you might also need to decrease the width of the blog title; you’d add this and decrease the value:

    #site-title {
        width: 700px;
    }

    Note: in the future make sure you post CSS questions in the CSS forum, not the Support forum.

    #1463160

    Thank you!

    Hmm I thought I was posting to the CSS forum. I’ll double check next time.

    Cheers!

    #1463161

    Oh, how do I use a developer extension?

    #1463162

    justpi
    Member

    You’re welcome!
    What browser are you using?

    #1463163

    Firefox

    #1463164

    justpi
    Member

    You should install the Firebug add-on and start experimenting with it.
    For a couple of pointers, see here:
    https://en.forums.wordpress.com/topic/size-of-the-font-in-widget-1?replies=6#post-1313965

    #1463165

    Sweet — thanks again!

The topic ‘Changing CSS – how to find default code?’ is closed to new replies.