How to change all site fonts to Josefin Slab and menu color to 519ABO?

Discussion in 'Real Photography WordPress Theme' started by cecephoto, May 28, 2013.

  1. cecephoto

    cecephoto New Member

    Joined:
    May 16, 2013
    Messages:
    1
    Likes Received:
    0
    Please help. ..thanks! : )

    ----------------------------------


    Hello,
    For this issue follow the steps given below.
    1. Go to the link http://www.google.com/fonts/ and search your font.
    2. Click on the Quick use button.

    [​IMG]


    3. After click, Scroll down the page and copy the font link from the 3rd point of that page as shown in the image given below.

    [​IMG]and paste it with the import code in the style.css file (Theme directory ->style.css ) as shown in the image given below.
    [​IMG]
    and use this font in the css code.

    Now,
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    h1,h2,h3,h4,h5,h6,p,a,span{
    font-family: Josefin Slab;
    }
    This will solve your font issue.


    For the menu color issue,
    Paste this code in Custom CSS
    Code:
    #menu li a {
    color: green;
    }
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color: green;
    }
    
    Inplace of "green" you can put your color or color code.
    This will solve your issue.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    For this issue follow the steps given below.
    1. Go to the link http://www.google.com/fonts/ and search your font.
    2. Click on the Quick use button.

    [​IMG]


    3. After click, Scroll down the page and copy the font link from the 3rd point of that page as shown in the image given below.

    [​IMG]

    and paste it with the import code in the style.css file (Theme directory ->style.css ) as shown in the image given below.
    [​IMG]
    and use this font in the css code.

    Now,
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    h1,h2,h3,h4,h5,h6,p,a,span{
    font-family: Josefin Slab;
    }
    This will solve your font issue.


    For the menu color issue,
    Paste this code in Custom CSS
    Code:
    #menu li a {
    color: green;
    }
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color: green;
    }
    
    Inplace of "green" you can put your color or color code.
    This will solve your issue.
     

Share This Page