Changing sub menu font type and look

  • Resolved babyninja

    (@babyninja)


    8 years, 7 months ago

    Hi there, I’m using sub menus and although I can change colours in the customiser feature I can’t change the sub menu font to match the main menu font – see https://www.babyworldandme.co.uk

    I’m using Google fonts

    Font name/style/sets – Gloria+Hallelujah|Coming+Soon’
    Font Family – ‘Coming Soon’, cursive;

    I’m using a child theme, i’m guessing there’s some custom CSS I need to use.

    Also, once I manage to change the font is there a way to make the drop down box edges rounded and the background slightly transparent? In fact anything just to make it tie in with the theme more?

    Thanks so much!

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

  • Hello,

    To save you a lot of time and customizing tweaks, install this plugin
    Easy Google Fonts

    SYA

    Thread Starter babyninja

    (@babyninja)

    Thanks LebCit, just running it on my test site but it still doesn’t change the sub menu font. I still need a way of changing the look of the sub menu, just looks so damn ugly at the moment!

    Thread Starter babyninja

    (@babyninja)

    Just trying the Easy Google Fonts but I can’t figure out what the exact css selectors are that I need to change to change the sub menu?

    Thread Starter babyninja

    (@babyninja)

    Update: on the mobile version of my site the sub menu font is correct! Arrgghhh. Really don’t get this!

    Hello,

    Search in your stylesheet for this line
    #mainnav ul li a {
    font-size: 18px;
    }
    REPLACE IT WITH THIS
    #mainnav ul li a {
    font-size: 18px;
    font-family: ‘Coming Soon’, cursive !important;
    }

    This should do the trick ??

    Thread Starter babyninja

    (@babyninja)

    Hi LebCit, worked a treat ?? Thank you my friend.

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