badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Changing header title and description fonts

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3765
    lindagrandjct
    Participant

    resumes2impress.com
    In “Edit CSS” I’ve made changes but nothing happens. Did I miss some some code to change?
    Thanks,
    Linda

    Edit CSS
    #site-title {
    font: ‘Federo’;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    }

    #site-title a {
    color: #FF5428;
    }

    #site-description {
    font: ‘Merienda One’;
    font-size: 38px;
    text-align: center;
    }

    #site-title {
    font: 42px ‘Federo’;
    line-height: 50px;
    }

    #site-title a {
    color: #FF5428;
    }

    #site-title a img {
    vertical-align: inherit;
    }

    #site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
    color: #5F85B0;
    }

    #site-description {
    font: ‘Merienda One’;
    font-size: 20px;
    color: #325b8a;
    }

    #3829
    Sanjip Shah
    Participant

    @lindagrandjct You can change the font from Appearance->Theme Options->Design Options Tab->Typography Options. You can change the from there and click on ‘Save all Changes’. Try this option and see if this will fulfill your requirement.

    #3918
    lindagrandjct
    Participant

    Sorry about the long code. I’ll use a link next time. I’m getting it.
    Does the section you mention change all the titles? I only want to change the header title. I also want to change the header title description. How do I do that?

    #3956
    Sanjip Shah
    Participant

    @lindagrandjct The title font option will affect all the titles not just the header title. You can install this plugin http://wordpress.org/plugins/wp-google-fonts/ to load the google font of your choice into the WordPress theme. Then use the following custom css to use those fonts for the header title and the tagline.

    #site-title {
        font-family: 'Gentium Basic',serif;
    }
    #site-description {
        font-family: 'Gentium Basic',serif;
    }

    You can use other font of your choice instead of Gentium Basic that you load via the above plugin.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.