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

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 24, 2020 at 5:33 pm #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).

    January 27, 2020 at 1:51 am #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.

    January 27, 2020 at 8:37 am #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.

    January 28, 2020 at 2:28 am #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.

    January 28, 2020 at 2:45 am #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?

    January 28, 2020 at 3:26 am #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.

    January 28, 2020 at 5:13 am #115005
    Simon Selmer
    Participant

    This works, thank you 🙂

    January 28, 2020 at 5:17 am #115006
    Simon Selmer
    Participant

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

    January 28, 2020 at 6:40 am #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.

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