how to change my blog’s title font?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter energymv

    (@energymv)

    15 years, 9 months ago

    and here is the code from my style.css — do i need to change something here instead?

    #header {
    width: 960px;
    height: 110px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    }

    #header p {
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 20px;
    }

    #header h1 {
    color: #FFFFFF;
    font-size: 36px;
    font-family: Times New Roman, Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    text-decoration: none;
    }

    #header h1 a, #header h1 a:visited {
    color: #FFFFFF;
    font-size: 36px;
    font-family: Times New Roman, Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    text-decoration: none;
    }

    #header h1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

    .headerleft {
    width: 350px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    .headerleft a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    korythewebguy

    (@korythewebguy)

    15 years, 9 months ago

    To modify the <h1> element inside of your <div class=”headerleft”>, you can add the following code at the bottom of your current style.css file…

    .headerleft h1{
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #ff0000;
}

    … then modify the code as desired:

    • ‘font-weight: normal;’ will remove the bolding
    • ‘font-size:’ can be changed to any any desired number – the bigger the number, the larger the font
    • ‘font-family:’ can be a list of any web safe fonts in order of preference
    • ‘color:’ can be set to whatever hex color value you like as well.

    Post back if you need more help – Best of luck! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to change my blog’s title font?’ is closed to new replies.