How to adjust the font size and color of the site-title and site-description

Home Forums Automattic On a Whim How to adjust the font size and color of the site-title and site-description

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #106921 Resolve

    Sky
    Member

    Hi

    Can I change the font size and color of the site-title and the site-description?
    For the site-title, I also would like to change the text color of the site-title when I hover the mouse over it.

    Thanks for your help.

    The blog I need help with is aboutwmscogchristahnsahnghong.com
    #134847

    Lance Willett
    Member

    Hi skyblueguy!

    Good questions. For the title and description color, you can use the Custom Colors tool in the Theme Customizer (“Customize” in your dashboard) to get any combination of colors.

    The hover color is also in the same tool, hover over the color circles to see which areas they change.

    If you’re savvy with CSS you can also set things up with your own code, in the CSS editing tool. We also have a super strong community here on WordPress.com where people post tips and tricks—see http://en.support.wordpress.com/custom-design/editing-css/ for more info.

    #134876

    Sky
    Member

    Hi Iance

    Thanks for your answer.

    I am not familiar with CSS.

    Does the following code work in this theme?

    #site-title,

    #site-title a {

    color: #353535!important;

    }

    #site-title a:hover {

    color: #5A0505!important;

    }

    #site-description {

    color: #37421D;

    font-size: 12px!important;

    font-style: italic;

    position: absolute;

    width: 100%;

    top: 85px;

    }

    #134877

    Sky
    Member

    #site-title,

    #site-title a {

    color: #353535!important;

    }

    #site-title a:hover {

    color: #5A0505!important;

    }

    #site-description {

    color: #37421D;

    font-size: 12px!important;

    font-style: italic;

    position: absolute;

    width: 100%;

    top: 85px;

    }

    #135316

    Caroline Moore

    Howdy @skyblueguy! The above code should work if you use periods instead of hashtags, like so:

    .site-title,

    .site-title a {

    color: #353535 !important;

    }

    .site-title a:hover {

    color: #5A0505 !important;

    }

    .site-description {

    color: #37421D;

    font-size: 12px !important;

    font-style: italic;

    position: absolute;

    width: 100%;

    top: 85px;

    }

    #135348

    Sky
    Member

    Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to adjust the font size and color of the site-title and site-description’ is closed to new replies.