Font Size – Menu Items / List items

  • Resolved flowerscat

    (@flowerscat)


    7 years, 4 months ago

    Hi

    I increased the size of my header and paragraph font using Easy Google Fonts.

    However, this has caused the font size of my menu items to shrink.

    I created a new font control called ‘li’ for the menu items.

    Changing the font size here does not seem to have any effect on the height of the menu items.

    How do I prevent the menu item font size from shrinking as I am increasing the font size of the header & paragraphs?

    Thank you

    Sara

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author lyrathemes

    (@lyrathemes)

    @flowerscat I will need to see your website URL to be able to help you here. Can you please share that with me?

    Also, can you tell me what you’re trying to accomplish? Increase the size of the header and paragraph only? Are you trying to modify the navigation menus in any way?

    Thread Starter flowerscat

    (@flowerscat)

    Hi Lyrathemes

    Thanks for getting back to me.

    What I am trying to achieve is capitalize the name of the site (so it reads ‘ELLCon’, instead of ‘ELLCON’), and increase the size of the sub-header (European Literary Conference)

    Since, I couldn’t find a way to do this using the theme customisation options, I tried to do this via Google Fonts.

    Screenshots are attached (site still in maintenance mode)

    Header – https://i.imgur.com/BgOcOT4.jpg
    Header with Google fonts applied – https://i.imgur.com/SGJh98o.jpg

    Featured Posts – https://i.imgur.com/bcMDh5K.jpg
    Featured Posts with Google fonts applied – https://i.imgur.com/DDfdjet.jpg

    I succeeded in capitalising the header and increasing the size of the sub-header.

    However, this was at the cost of the menu items shrinking in size (i.e. increasing the size of the sub-header via Google Fonts decreased the size of the menu item font).

    the search bar in the Menu also becomes all gobbledegook on applying Google Fonts.

    Is there a way for me to capitalise ‘ELLCon’ and increase the size of the sub-header without using Google Fonts? or if Google fonts is the only option, can I prevent the menu item font from shrinking in size when I apply google fonts?

    The second problem I have is that on applying google fonts, the proportion of the header and the text size on the menu items changed completely.

    ————————–

    On a slightly different topic, is it possible to hide the text from the posts in ‘featured posts’ and get it to display only the featured image or featured image + title (but not the text)?

    ——————–

    Thank you very much for your time.

    • This reply was modified 7 years, 4 months ago by flowerscat.
    Thread Starter flowerscat

    (@flowerscat)

    In case anyone needs help with this, I received some help from Kale support:

    .tagline p {
    text-transform: capitalise;
    font-size: 25px;
    }

    and

    .logo .header-logo-text a {
    text-transform: capitalize;
    }

    This one I found on an earlier support thread:

    .menu-item a {
    font-size: 18px!important;
    }

    • This reply was modified 7 years, 4 months ago by flowerscat.
    Theme Author lyrathemes

    (@lyrathemes)

    I am glad this worked out, and thanks for sharing the solution with others, @flowerscat!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font Size – Menu Items / List items’ is closed to new replies.