Home Forums Pro Themes Blog Diary Pro Change font size and color

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #114777
    Simon Selmer
    Participant

    Hi

    Where do I change font size? and font color?
    I can only find to switch between about 6 fonts, but nothing about size and color.

    And is it possible to select to NOT have the arrow next to the menu headers (when there is sub-menues).

    #114903
    wensolutions
    Keymaster

    Hello,

    The feature to adjust font size and color is not available from the customize section. You can add the CSS for font size and font color by following the path, Appearance > Customize > Additional CSS,

    .body, button, input, select, textarea {
        color: #6b21af;
        font-size: 20px;
       
    }

    You can adjust the color and size of the font as per your requirement.

    For the arrow next to the menu headers, you can remove that icon using the CSS by following the path, Appearance > Customize > Additional CSS,

    .icon-down {
        display: none;
    }

    Hope this Helps.

    If you have further queries, let us know.

    Thank you.

    #114942
    Simon Selmer
    Participant

    Thank you.

    The “remove arrows” works, but the
    .body, button, input, select, textarea {
    color: #6b21af;
    font-size: 20px;
    }

    does not seem to have any effect to the site. Neither the size of color.

    #114987
    wensolutions
    Keymaster

    Hello,

    You can add the CSS for font size and font color by following the path, Appearance > Customize > Additional CSS,

    .body {
        color: #ea3434;
        font-size: 19px;
    }
    
    .select {
        color: #ea3434;
        font-size: 19px;
    }

    You can adjust the color and size of the font as per your requirement.

    Hope this Helps.

    If you have further queries, let us know.

    Thank you.

    #114990
    Simon Selmer
    Participant

    Hi again

    These does not seem to have any impact to the text on the pages.

    Do you have another suggestion, or is there a theme setting that is overwritting this custom code?

    #114995
    wensolutions
    Keymaster

    Hello,

    Replace above CSS with this new CSS for font size and color. The previous CSS contains dot which didn’t fix the issue. So, here is the CSS which will help.

    body, button, input, select, textarea {
        font-size: 15px;
        Color: #46c4f3
       
    }

    Regards.

    #115005
    Simon Selmer
    Participant

    This works, thank you 🙂

    #115006
    Simon Selmer
    Participant

    In addition, can you help with CSS on customize font size and color on menu buttons/text?

    #115059
    wensolutions
    Keymaster

    Hello,

    For the font size and color on menu buttons/text you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS,

    .main-navigation a, .main-navigation ul.nav-menu > li > a {
        color: #c71313;
        font-size: 20px;
    }

    Regards.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.