Change intro font

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14845
    Tamaniacitamaniaci
    Member

    How do I change the intro font to this and still keep the style (the color and shadow) that come with the theme?

    http://chocolatechippy.com/

    I want to change the font in this line: CHOCOLATE CHIPPY OFFERS WITTY AND “WAGGISH” ANIMAL RELATED STATIONARY AND PRODUCTS FOR ANIMAL LOVERS WITH A SILLY SENSE OF HUMOR.

    I would like to use this font: https://www.google.com/fonts/specimen/Amatic+SC

    This is what it looks like on the backend currently:

    [segment class=”last-segment action-call”]

    Chocolate Chippy offers witty and “waggish” animal related stationary and products for animal lovers with a silly sense of humor.

    [/segment]

    #14855
    VeenaVeena
    Moderator

    Pls use the below custom CSS in themeoptions –

    .action-call .heading2 .title {
      font-family: 'Amatic SC' !important;
    }
    
    #14866
    Tamaniacitamaniaci
    Member

    Awesome! How do I make that font larger now?

    #14867
    Tamaniacitamaniaci
    Member

    And do I use the custom CSS to change the other headings (H1, H2, H3, H4, etc.) to that font? If so, what code should I use?

    #14894
    RaghavendraRaghavendra
    Moderator

    You just use normal CSS to achieve the same –

    h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC" !important;}
    

    and to change font size –

    .action-call .heading2 .title {
      font-family: 'Amatic SC' !important;
    font-size: 32px; /* WHatever size you prefer */
    }
    
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Extinct Theme Support’ is closed to new topics and replies.