Need help? Check out our Support site, then


Unable to change font

  1. skyesantospirito
    Member

    When I try to apply this to my CSS Stylesheet Editor nothing changes...

    #header h1 {font-family: FF Market;}
    #header #blog-description {font-family: FF Market;}
    #access #menu {font-family: FF Market;}

    Can anyone help me with this?

    The blog I need help with is skye-loves.com.

  2. Have you purchased the CSS upgrade?

  3. skyesantospirito
    Member

    Yes! Can you help?

  4. We need a link to the site you are talking about. When I click on your username, this is what I get:

    peonypinkdotcom.wordpress.com is no longer available.

    The authors have deleted this blog.

  5. skyesantospirito
    Member

    My site is http://www.skye-loves.com or http://www.skyelovesdotcom.wordpress.com.
    When I first set up my WP account I set up that site and then changed it, but haven't been able to change the link to my name even though I deleted the site.

    Thank you so much for your help with this! I really appreciate it!

  6. To change the link, go to users > personal settings in your dashboard, scroll down to account info and change the URL in the "website" field and then save.

  7. Go to appearance > custom design > fonts and set the "title" to the font that you want and then save.

  8. skyesantospirito
    Member

    Thank you so much! I managed to change the link to my name...
    I set my title to FF Market (my font of choice), but it doesn't allow me the option of changing the font for the tagline and the menu - any ideas?
    I hugely appreciate your help :)

  9. Add this to your CSS. The font size originally was 14px. I increased it to 16 so it would be more legible, but you can edit that as you see fit.

    #site-description {
    font-family: ff-market-web-1,ff-market-web-2,"Hoefler Text","Baskerville old face",Garamond,"Times New Roman",serif !important;
    font-size: 16px;
    }
  10. skyesantospirito
    Member

    Hi!

    Thanks for the help, but when I tried inserting the code into my CSS nothing changed at all. Do you have any idea why? This is what was happening when I tried adding

    #header h1 {font-family: FF Market;}
    #header #blog-description {font-family: FF Market;}
    #access #menu {font-family: FF Market;}

    At the moment, I'm simply copying and pasting the code at the bottom of my CSS Stylesheet editor. Is that the right thing to do? I had previously made some changes to the size of the title with this code

    #site-title,#site-description {
    padding:0 0 0 10px;
    }

    #site-title {
    font-size:50px;
    line-height:65px;
    margin-bottom:0;
    }

    #site-title a {
    color:#444;
    display:inline-block;
    }

    #site-title a:hover {
    color:#888;
    text-decoration:none;
    }

    #site-description {
    line-height:24px;
    margin-bottom:0;
    font-family:ff-market-web-1,ff-market-web-2,"
    font-size:16px;
    }

    #access ul ul,div.menu ul ul {
    background:#fafafa;
    border-bottom:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    display:none;
    float:left;
    position:absolute;
    top:-100px;
    right:130px;
    z-index:99999;
    width:160px;
    padding:3px;
    }

    At the moment, I am just pasting the new code beneath it - do you think that this might be why it isn't working?

    Thanks again for your help and patience with this - I really appreciate it!

  11. You didn't put what I told you to put. Do NOT give only the two typekit fonts. If something happens then the browser is going to toss whatever it wants into your site. I copied the font stack from the title so if the custom fonts don't happen to load, the site title and tagline will still look consistent.

    Did you see the "!important" I had at the end of the font stack (list of fonts)? That has to be there to force the font we are specifying to override the font that was already applied (lemonade something or other).

  12. skyesantospirito
    Member

    It worked! Thank you so much! You are an absolute genius! I appreciate your help hugely...

    You don't by any chance know how to change the colour of the title and navigation menu, do you?

  13. You already have the color declarations for the site title in your CSS. Edit the color codes in the following two (top is non-hover and second is the hover color).

    #site-title a {
    color: #444444;
    }
    
    #site-title a:hover {
    color: #888888;
    }

    For the menu items, add the following and edit the color code.

    #access a, div.menu a {
    color: #111111;
    }
  14. skyesantospirito
    Member

    Thank you! Do you know where I can find a list of colour codes and the colours that they match?

Topic Closed

This topic has been closed to new replies.

About this Topic