Font size. How can I change it?

6 replies
  • WEB DESIGN
  • |
I've played with the style.css and downloaded/ deleted numerous font plugins. I've changed the font size of the titles but I need to change the font of my content.
Here is a link to my website. This is the tos page, you can see that it would be much easier to read if the font was bigger.

What I can't figure out for the at ALL this - why can't I change it directly from the page editing in wordpress? There is no font or size menu like in the wf forum for example.

TLDR: How can I change the font SIZE of my content, leaving the rest (titles) untouched.

Thanks for your help. I really appreciate it. Without you I'd have to pay some guy $5 for surely what is 2 minutes of "work".
#change #font #size
  • Profile picture of the author copilu0
    go to Appearance-->Editor select your theme and in style.css which probably is already open search for this line (I've added "font-size: 14px;" which is your content font size and you can also change the size):

    Code:
    .content_wrapper .content {
        font-size: 14px;
        margin-right: 30px;
    }
    {{ DiscussionBoard.errors[6727344].message }}
    • Profile picture of the author Andrey Doichev
      Originally Posted by copilu0 View Post

      go to Appearance-->Editor select your theme and in style.css which probably is already open search for this line (I've added "font-size: 14px;" which is your content font size and you can also change the size):

      Code:
      .content_wrapper .content {
          font-size: 14px;
          margin-right: 30px;
      }

      Thanks so much. It indeed helped me with the content font size, but the menu font size is still the same. If you click here, and scroll down you can see that the customer testimonial text, the text beneath the 3 images as well as the menu on top is still rather small. I did manage to change the tos and privacy font size though, so thanks for that!

      Do you know how to change the rest?
      {{ DiscussionBoard.errors[6727418].message }}
  • Profile picture of the author copilu0
    the same but search for .body_wrapper and add font-size: 14px; or any other size for the footer and the content and for the top menu search for
    #menu li a and again add the font property.
    I hope it helps!
    {{ DiscussionBoard.errors[6727456].message }}
    • Profile picture of the author Andrey Doichev
      Luckily my theme has a custom CSS input field. When I pasted the first code it worked like a charm. Could you meybe give me the code I need to input for the rest?

      Like is it just:
      .body_wrapper .content { font-size: 14px; margin-right: 30px; }
      .footer_wrapper .content { font-size: 14px; margin-right: 30px; }
      .menu_wrapper .content { font-size: 14px; margin-right: 30px; }

      What is #menu li a and how do I use it? what for?

      EDIT:
      So I tried inputing the same code as before, but instead of content_wrapper I wrote body and then footer. For some reason it didn't work. Nor the footer or the text beneath the images changed font size Any ideas?
      {{ DiscussionBoard.errors[6727565].message }}
  • Profile picture of the author copilu0
    This is what you put in your custom css and it should work:

    Code:
    .body_wrapper { font-size: 14px; }
    #menu li a { font-size: 14px;}
    {{ DiscussionBoard.errors[6727664].message }}
  • Profile picture of the author Andrey Doichev
    Thank you SO much!
    My only regret is that I can only thank you once per post
    {{ DiscussionBoard.errors[6727717].message }}

Trending Topics