font color and family in sundance

  • Author
    Posts
  • #955194

    katiealaimo
    Member

    Is there a way to change the font color and family of the site header in the sundance theme?

    The blog I need help with is katiealaimo.wordpress.com.

    #955361

    Add the following to the end of any custom CSS you have and edit font family and color as desired. With fonts, it is always best to set a number of fonts, such as below that are similar so that if someone visits your site with limited fonts on their system, there are fallbacks. If there are no fallbacks then the browser will just use the standard serif or sans-serif fonts it has built in

    #site-title {
    font-family: 'Raleway',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    }
    
    #site-title a {
    color: #D15A19;
    }
    #955362

    Actually the above is for the Forever theme, which is the one that you referenced, but in this case the selector names are the same but the font stack is different. This is the font stack for Sundance:

    'Droid Serif',serif

    #955451

    katiealaimo
    Member

    Thanks so much. I was able to change the font for the header. I’m working in the sundance theme and now I’m trying to change the font color of the post title, date, links, and entries under the widget sections which are all the same color but can’t find where to do this. I think I’ve gone through just about every line of code. I was able to change the color of the menu just below the header however. Do you know what I should add and where? Thanks for your help.

    #955452

    katiealaimo
    Member

    http://wild-root.com/

    Here is the blog I’m working on right now.

    #955460

    This would all links to be the same colors, you would do something like this.

    a {
    color: #2C807F;
    }
    
    a:hover, a:focus, a:active {
    color: #2C2C33;
    }

    If you want to change them individually (different fonts and/or colors), then you would need to do something like this. If you want to change just the font family individually, then remove the color declarations from the below and the above declarations will take care of the color.

    .entry-title, .entry-title a {
    color: #FF0000;
    font-family: font-family: "IM Fell English",serif;
    }
    
    .entry-title a:hover {
    color: #FF0000;
    font-family: font-family: "IM Fell English",serif;
    }
    
    .entry-meta, .entry-meta a {
    color: #FF0000;
    font-family: font-family: "IM Fell English",serif;
    }
    
    #secondary a {
    color: #FF0000;
    font-family: font-family: "IM Fell English",serif;
    }
    #955526

    ateaoscemxs
    Member

    Hi!

    And how can i change the colour ofthe post area?

    The blog i need help is

    http://ateaos100.wordpress.com

    #955528

    I found that zandyring helped you out with this question over in the CSS forums. Yay zandyring! Thank you. :)
    https://en.forums.wordpress.com/topic/small-change-in-sundance?replies=29#post-986709

The topic ‘font color and family in sundance’ is closed to new replies.