Increase main body font size

  • Hi everyone, Im running a kocka theme from theme forest I really like the site and its coming together really nicely.

    I embedded a custom font from google but its really small for the main body text, does anyone know an easy way to increase the size of the fonts in custom css.

    The style sheet does look quite complicated and i don’t want to edit things i may break.

    My site is https://thecaptainsreserve.com/

    I’m happy with the size of the header fonts what i want to increase is the menu fonts and the rest of the text.

    Thanks so much for any help.

Viewing 12 replies - 1 through 12 (of 12 total)

  • You should be able to do this, currently this is what your body CSS looks like, so just change the font-size: 14px to a size you like and it should work

    body {
    font-family: “Open Sans”,”Helvetica Neue”,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: #999;
    font-weight: 300;
    }

    Thread Starter madfoams

    (@madfoams)

    Hi i tried doing that and it didn’t seem to make a change, is there a way to add some really simple code to the custom css the style sheet for this theme is 19000 lines long and Im really struggling.

    Im so grateful for the help.

    Does it work when you add:

    body {
    font-size: 14px !important;
    }

    I’m not a fan of using the !important, but I’m just curious if that works for now

    Thread Starter madfoams

    (@madfoams)

    Hi afraid not I don’t suppose you have any other ideas do you?

    I’m gonna have another look ??

    can you try this?

    .wpb_wrapper p {
    font-size: 14px;
    }

    and then change the 14 to whatever size you want it to be?

    Thread Starter madfoams

    (@madfoams)

    Thanks so much that has sorted it, 1 last thing I also need to change the font size for the navigation and also the product pages main body text.

    Cindy I can’t thank you enough I’ve been pulling my hair out with this for a couple of days now.

    ?? glad it worked! No worries, I’m gonna have a look at the other things too!

    for the menu can you try this:

    .iv-layout.header {
    font-size: 14px;
    }

    and then change the 14 to the size you want

    for the shop/product descriptions…. you use woocommerce right?

    can you try this?

    .woocommerce div[itemprop=”description”] { font-size: 14px; }

    and then change the 14 again to what you prefer?

    Thread Starter madfoams

    (@madfoams)

    Thank you so much for the help all sorted now, you really have saved me so much time I cant thank you enough

    It’s my pleasure! Glad I could help ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Increase main body font size’ is closed to new replies.