Need help? Check out our Support site, then


Changing CSS - how to find default code?

  1. 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.

  2. 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!

  3. 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.

  4. Thank you!

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

    Cheers!

  5. Oh, how do I use a developer extension?

  6. You're welcome!
    What browser are you using?

  7. Firefox

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

  9. Sweet -- thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic