Change all font family

Discussion in 'ClassiCraft WordPress Theme' started by annes, Jul 3, 2013.

  1. annes

    annes New Member

    Joined:
    May 22, 2013
    Messages:
    25
    Likes Received:
    0
    How do I change all the fonts for the titles and body text of ALL classified ads--categories, and on the actual ad pages? Would like to change it to Calibri or Helvetica. Will both work?
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Settings > Theme Option > Styling Option > Custom CSS


    Code:
    h1, h2, h3, h4, h5, h6{
    font-family:symbol!important;
    }
     
    p, a{
    font-family:symbol!important;
    }
    Inplace of "symbol" put your font type.
     
  3. annes

    annes New Member

    Joined:
    May 22, 2013
    Messages:
    25
    Likes Received:
    0
    I did this--it worked fine on the home page but did not do the same for the body text of the ad. How can I make this a universal change for ALL text in the stylesheet?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Could you please explain your problem with the help of screenshot, About which area you are talking and also share the link of your website, so that we can give you the exact solution.
     
  5. annes

    annes New Member

    Joined:
    May 22, 2013
    Messages:
    25
    Likes Received:
    0
    As you can see in the screenshot below, some parts have changed its font to Calibri but some still are in default mode. These are:
    1. the post date
    2. category
    3. author
    4. state and country
    5. the portion of the body text in bullets
    6. number of views
    7. the word "send" in the contact box (the send button is a bit too big and I'd like to make it smaller)
     

    Attached Files:

  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .content_wrapper .content .post .post_meta li{
    font-family:symbol;
    }
    tbody, ul{
    font-family:symbol;
    }
    .content_wrapper .content .classi .views{
    font-family:symbol;
    }
    
    Inplace of "symbol" put your font type.
     
  7. annes

    annes New Member

    Joined:
    May 22, 2013
    Messages:
    25
    Likes Received:
    0
    Thanks, I've done all that you said and it worked fine except for the word "send" in the contact box. If you will notice, the words "contact this person" have changed from the default font to my chosen font, Calibri, but the word "send" still hasn't changed font yet. How do I do that?
     

    Attached Files:

  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    It is not possible to change the font of that send button text with the custom css code because it is the image (send.png).
    "send.png" image is present in the image directory (Theme directory > Image directory), you have to edit that image.

    Follow the link given below for reference.
    http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/

    This will solve your issue.
     
  9. annes

    annes New Member

    Joined:
    May 22, 2013
    Messages:
    25
    Likes Received:
    0
    How come the area where it says "Contact this person" was able to change its font? Isn't that also a jpeg file?
     
  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .contact_widget .subscribe_form .contact_header{
    font-family:symbol;
    }
    Inplace of "symbol" put your font type.
     

Share This Page