• Hi, My site is https://www.tanyaadamsillustrations.com

    If you look at the menu the font is quite small and unnoticable. I would like to change the font and make it slightly bigger. I cant find how to do this? I have found codes to put it but it doesnt seem to work. I am using HUM, a wordpress child theme of twenty eleven (if that makes sense…)

    THank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Child Theme stylesheet, try adding

    #access ul {
     font-size: 20px;
    }

    Change 20px to your value.
    Here’s some more information on font-size https://www.w3schools.com/cssref/pr_font_font-size.asp .

    Your font size of the navigation was originally set at 13px.

    You can add this styling to your child :

    .menu li {
        font-size: 16px;/*or what size you want */
    }

    If you are making a lot of changes I’d look into firebug, a great tool for Mozilla Firefox. It lets you play with css without changing any thing. Then when you get it to work you can make the changes in your css file.

    I guess Andrew beat me to it…..try his solution first.

    Thread Starter tanyaballance

    (@tanyaballance)

    Hi, THanks for your help – I have tried both solutions but neither are working. I have put them in the style sheet for hum, The stylesheet for twenty eleven, and the CUstom style css plugin I have for too. None of these are working?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It seems your Child Theme stylesheet isn’t loading.
    Have you activated your Child Theme codex.www.ads-software.com/Child_Themes ?

    i think you must find the cufon class in your themes/your_theme/css/custom_style.css file and make changes in the font size in the cufon class directly in your css file an uplod it , becoz the main menu fonts are directly styled from cufon class , and they will not be changed from firebug changings usually…..

    hope this will help you, make sure to create backup of your file first…

    Thread Starter tanyaballance

    (@tanyaballance)

    Andrew Nevins: Its a child theme of Twenty eleven that I installed: not my own child theme – does this make a difference? No I havent activated anything, do I need to? I looked through many and tried many themes, liked HUM and tried it, activated it etc, and that is all. Do I need activate something? Sorry, I’m new to wordpress and coding in general and am a bit clueless. Am a bit confused: I have Twenty eleven CSS, HUM CSS, and a plugin that lets me edit on top of that: what do I edit?

    meerpanhyar: I have tried looking through the css but cant seem to find what Im looking for – and dont know what I’m looking for!?

    thank. you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It doesn’t matter which Child Theme you’re using (custom or not), the same procedure applies https://codex.www.ads-software.com/Child_Themes#Example_of_a_basic_Child_Theme .

    In your custom stylesheet ( bns-add-custom-style.css?ver=0.1), there is the following CSS which is determining the font-size for the menu:

    .menu li {
        font-size: 16px;
    }

    Try changing it there — and be sure you are clearing your browser (and any other) caches.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing FONT in Menu’ is closed to new replies.