Forums

Changing font of the menu (7 posts)

  1. bsasaya
    Member
    Posted 3 months ago #

    Hello,

    Please could you help me with my 'to be website' - I can't seem to change the font and the size of the 'pages' which I am using as the menu along the top.

    I read up on the forum and tried tweaking in the Style Css but nothing is working ..

    My site is: http://www.eftyapi.com

    Here are the code from the 'header' section:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Can anyone help? Thanks so much!

  2. rachelbaker
    Member
    Posted 3 months ago #

    It looks like you were close with your CSS change. You need to change it be:

    .topnav li a {
    font: bold 20px 'Parisienne', cursive;
    color: #525252;
    display: block;
    float: left;
    padding: 15px 0;
    }
  3. bsasaya
    Member
    Posted 3 months ago #

    Hi Rachel,

    Thanks so much! SO if I want to change it to another font ... do I just substitute 'Parisienne' with whatever?

    What about changing the size of the font?

    Thank you!

  4. bsasaya
    Member
    Posted 3 months ago #

    humm .. where do I add the code you've given me?

  5. NoSyMe
    Member
    Posted 3 months ago #

    You post it in your stylesheet, which most likely is in the main-folder of yout theme and is called style.css

    Just open it in a text-editor of some kind, that doesn't restrict you from saving it as a css-file and insert the code from rachelbaker somewhere in there.

  6. bsasaya
    Member
    Posted 3 months ago #

    Hi - thanks for that ... I actually want to change the font of the pages on the menu bar ...

    Is there a way? I'm not very familiar with CSS I'm afriad but happy to learn.

    Many thanks in advance

  7. NoSyMe
    Member
    Posted 3 months ago #

    Rachel has already posted the right code to do that. Just exchange the fontnames here:

    font: bold 20px FONT, Backup-FONT, Backup-Backup-FONT;

    Don't forget to use ""-signs around a font if it has spaces inbetween.

    font: bold 20px font, "backup font", "backup backup font";

    also, feel free to delete bold or change it to italic and to vary the size of the font.

Reply

You must log in to post.

About this Topic