Unable to change font

  • Author
    Posts
  • #808247

    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.

    #808392

    raincoaster
    Member

    Have you purchased the CSS upgrade?

    #808395

    Yes! Can you help?

    #808448

    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.

    #808458

    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!

    #808461

    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.

    #808462

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

    #808498

    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 :)

    #808500

    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;
    }
    #808501

    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!

    #808503

    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).

    #808505

    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?

    #808506

    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;
    }
    #808507

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

    #808508

The topic ‘Unable to change font’ is closed to new replies.