Adjusting font size

  • Author
    Posts
  • #87833
    billgrizer
    Member

    Hey Luke!

    I have been trying to change the font size on my website on the cuatomizer but the change does not show on my desktop, it only shows on mobile. I would like to make the menu tab font larger (and keep the website title as is if possible) and make the fonts in the home and footer widgets larger. Would css help in this case? Thanks!

    The blog I need help with is: (visible only to logged in users)

    #87943
    thelukemcdonald
    Theme Author

    Changing font sizes may take a bit of work and need to have multiple selectors targeted. Below are a few selectors you can try targeting for each area you’ve mentioned, however, it may take some massaging to make things look good across all devices.

    Site Navigation

    .site-navigation a {
      font-size: 18px;
    }

    Widgets

    .widget {
      font-size: 18px;
    }

    I’d recommend removing the font-size customizations you may have added before so that they don’t interfere here. If you need more help with customizations, the CSS Customization forums might be a good place to look for help, too.

    https://en.forums.wordpress.com/forum/css-customization

    #87951
    billgrizer
    Member
    Original poster

    It worked perfectly! Thank you Luke.
    How about the track player font on my home page (the text that reads Quando me’n vo – La Bohème)? I tried entering the following code but it did not work.

    .mejs-track-title {
    font-size: 20px;
    }

    Thanks again!

    #87954
    billgrizer
    Member
    Original poster

    Luke, never mind! I was able to figure it out! :)
    Thanks for the great support!

    #87997
    thelukemcdonald
    Theme Author

    Great, good to hear!

  • The topic ‘Adjusting font size’ is closed to new replies.