How to change the size of body text

Support
#1

Hi, I’ve read a few threads but I couldn’t understand anything … I’m trying to put my content font on 16 px … problem is, when I go to customizer/typography I can’t find an option to do ONLY that … when I choose to increase my font . it does increase the headings as well … I don’t want that, I want only the content !!!

How can I achieve that please ?

#2

Hello @adrianonline,

Thanks for asking. :slight_smile:

You can add following CSS in theme options panel to change body text font size:

.entry-content p {font-size: 20px;}

Thanks.

1 Like
#3

thanks Prasant , it worked

#4

Glad that we could be of a help :slight_smile:

#5

Hello guys … today I’m having another issue with the text size … when I’m having bullet points the text comes up smaller than the other body content font.

Any tips on how can I fix this? thanks

#6

Hello @adrianonline,

Thank you for writing in! The reason why you’re seeing lists have a smaller size is because the CSS provided earlier by @Prasant is only targeting p elements inside you .entry-content element. To achieve the look you want, I would do this instead:

  1. Go to Theme Options and set your root font size and content font size to 16px. This will increase the heading font sizes as you mentioned, but it will also ensure that all elements will be sized accurately and you won’t have any that you need to specify over and over again using specific selectors.
  2. Next, you can use some custom CSS to target each level of heading in your standard content and resize those as needed. Remember that we also have helper classes that go with each heading level, so you would want to do something like the following:
h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

/* repeat for each level as desired */

This will give you the cleanest implementation of what you want. Cheers!

1 Like
#7

Thanks @kory … it did helped

#8

You’re most welcome.

1 Like
#9

Hey guys,
How do I change the font size in footer ? It’s realy small and I can’t find a way to make it bigger.

Any help? Thanks

#10

Hi There,

Please provide your URL so we can provide you a tailored solution.

Thank you!

#11
Summary

http://ninjadiy.com/

#12

Hello There,

To change the font size of your footer, please make use of this code:

.x-colophon.bottom {
  font-size: 12px;
}

Please let us know how it goes.

1 Like
#13

thanks. it worked

#14

You’re most welcome!

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.