Changing menu font

Discussion in 'Andrina WordPress Theme' started by pupwild, Apr 13, 2013.

  1. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    How could I change the menu font?

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

    Hello,

    There is no list of font available in the theme, You can put any font family that is available at your server it will support at your site and for more choices you can also use font from Google fonts.

    http://www.google.com/fonts/
     

    Attached Files:

  2. 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:
    #menu li a {
    font-family: symbol;
    }

    Inplace of "symbol" put your font type.
     
  3. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    Is there a list of fonts I can choose from?
     
  4. Gourav

    Gourav Support Staff

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

    There is no list of font available in the theme, You can put any font family that is available at your server it will support at your site and for more choices you can also use font from Google fonts.

    http://www.google.com/fonts/
     
  5. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    Once I find my font, where do I place the font on the server?
     
  6. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
  7. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    Where would I put the font in the database once I download it?
     
  8. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    There is no need to download font. Just go to the http://www.google.com/fonts

    [​IMG]

    and select font of your choice

    [​IMG]


    and import it in the style.css

    [​IMG]



    After that call it where ever you want.
     
  9. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    This looks good, I want to capitalize "Home". There is no page for it, how would I do this?
    Also, the font must be too big because its causing the menu to show up on two lines, how could I make on one line?

    www.miakoo.com
     

    Attached Files:

  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:
    #menu li a {
    text-transform: uppercase;
    font-size: 15px;
    }
    This will solve your issue.
     

Share This Page