Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 17, 2017 at 5:48 pm #794994
    sfranks12

    How would I increase ALL fonts by 2pt for the whole site? So that way I do not have to change the size every time I put text on a page. Also, if increase font size for site, will it also increase font size for the responsive sites, ipad, mobile phones and such?

    May 17, 2017 at 5:52 pm #794996
    sfranks12

    Never mind, I found it.. But still want to know if it effects the mobile version of site…

    May 17, 2017 at 5:59 pm #795003
    Yigit

    Hi,

    Glad you figured it out!

    Yes, it would however you can point out the changes you would like to make and we can provide you custom CSS code to decrease font sizes on mobile if necessary :)

    Best regards,
    Yigit

    May 17, 2017 at 6:01 pm #795005
    tjswarbs78

    Due to the fact that elements use different tags there is no way of using one piece of code change all fonts by 2pt. *
    Under general styling > fonts you can change the global size of the p tags
    Under advanced styling you can change the size of various tags such as h1, h2, blockquote

    * strictly speaking this isn’t true. You can change the size of everything globally but it requires you to be using rem rather than px as your size value.
    The base value for font size using rem is 16px.
    Rem values are as fol;ows

    10px = 0.625rem
    12px = 0.75rem
    14px = 0.875rem
    16px = 1rem (base)
    18px = 1.125rem
    20px = 1.25rem
    24px = 1.5rem
    30px = 1.875rem
    32px = 2rem

    By setting a percentage against this you can change font sizes globally and quickly. see below… 

    html { font-size: 62.5%; }  /* =10px */
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

    changing the html or root value to 100% or 50% would change the rem value of everything.

    This solution would only work if you were coding a site from scratch. I’ve added it here simple to show there is a way :)

    Hope that helps

    TJ

    **EDIT**

    you could set a media quirey to change the standard font size (the p tag size)

    @media only screen and (max-width: 990px) {
    p{
        font-size:10px;
    }
}
    • This reply was modified 7 years, 6 months ago by tjswarbs78.
    May 17, 2017 at 6:08 pm #795010
    sfranks12

    On another note on font sizes.. At the top of the page above the top menu area, in the “Phone Number or small info text” area, I would like to increase the font size there… how would I do that??

    Thanks..

    May 17, 2017 at 6:10 pm #795012
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .phone-info {
    font-size: 14px;
}

    Best regards,
    Yigit

    May 17, 2017 at 6:27 pm #795018
    sfranks12

    OK that worked….

    So How do I have the main site with the increased font and keep the mobile site with the smaller default font??

    May 17, 2017 at 6:30 pm #795020
    sfranks12

    My side menus: I can not find where to increase them??

    I want to thank you and all who post for the help.. I am not a web guru but my boss wants ME to do a website, and with WordPress and this really nice Enfold theme, I look like the guru they think I am…LOL

    • This reply was modified 7 years, 6 months ago by sfranks12.
    May 17, 2017 at 6:33 pm #795022
    Yigit

    Hi,

    1- Have you increased font size by editing “body” in Enfold theme options > Advanced Styling? If so, please add following code to Quick CSS in Enfold theme options > General Styling tab

    @media only screen and (max-width: 990px) {
body#top {
    font-size: 11px !important;
}}

    2- Can you please post a link to your website?

    You are welcome! Luckily Enfold community is very helpful :)

    @tjswarbs78     Thanks for your help! :)

    Best regards,
    Yigit

    May 17, 2017 at 6:50 pm #795033
    sfranks12

    WEBSITE

    Still under construction… but getting there

    Thanks…

    • This reply was modified 7 years, 6 months ago by sfranks12.
    May 17, 2017 at 6:52 pm #795035
    Yigit

    Hi,Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top .widget_nav_menu li {
    font-size: 16px;
}

    Best regards,
    Yigit

    May 17, 2017 at 7:22 pm #795043
    sfranks12

    Did the job..

    Thanks…

    May 17, 2017 at 7:32 pm #795050
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Increase font size for all text’ is closed to new replies.