Changing font of the menu

  • 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: https://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!

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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;
}
    Thread Starter bsasaya

    (@bsasaya)

    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!

    Thread Starter bsasaya

    (@bsasaya)

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

    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.

    Thread Starter bsasaya

    (@bsasaya)

    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

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing font of the menu’ is closed to new replies.