Change font size for pages and blog post / Ever After theme

• 

  sabinelegrand · Member · Oct 18, 2013 at 1:05 am

  • Copy link
  • Add topic to favorites

  Hi guys,

  I just want to change the font size of the pages and blog post. Its still too big even after customizing it ! I have purchased the custom thing so I’m able to change the CSS. I have a very little notion about it so I just need the right code to past ! Anyone can help ?

  Cheers

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 18, 2013 at 1:24 am

  • Copy link

  Hi, add the following to your custom CSS and edit the 16px value as desired.

• 

  sabinelegrand · Member · Oct 18, 2013 at 1:33 am

  • Copy link

  Where is the following ? :)

• 

  thesacredpath · Member · Oct 18, 2013 at 2:55 am

  • Copy link

  Sorry about that, but I see you have found the code.

• 

  sabinelegrand · Member · Oct 18, 2013 at 3:02 am

  • Copy link

  Yes I went into my navigator inspector and just copy the code. Thanks for your answer anyway !

• 

  thesacredpath · Member · Oct 18, 2013 at 3:06 am

  • Copy link

  Half answer at best, but you are welcome. The web inspector is a great tool, and the more you use it, the more you will find it an invaluable tool when doing CSS.

  If you have any further questions, please let us know. I’ll answer your next question twice to make up for this time. :)

• 

  sabinelegrand · Member · Oct 18, 2013 at 3:13 am

  • Copy link

  Haha no worries ! Yes it is an amazing tool and not that hard to use surprisingly ! Actually I have an other issue with the gap between text, its way to big as well. I tried to copy the code but its not working as easily as the font size.

  This is what I copied :

  media=”all”
  body, button, input, textarea {
  color: #87a2a5;
  font-family: ‘Vollkorn’, serif;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  }

  Maybe there is something missing ?

• 

  thesacredpath · Member · Oct 18, 2013 at 3:19 am

  • Copy link

  The only page I find text on on your site at the moment is http://lefrenchkiss.net/faq/ . Each line of text is a separate paragraph, so what you are seeing is the paragraph spacing.

  If you want the text to be closer together, you can edit the page and use shift-return/enter instead of just hitting enter, which will insert a line break instead of a paragraph break. In that way, paragraph spacing will still work on actual paragraphs.

  To do this, you can put your cursor at the beginning of each line and backspace and then hold down shift while hitting enter/return and you will get single line spacing.

• 

  sabinelegrand · Member · Oct 18, 2013 at 3:36 am

  • Copy link

  Its working like a charm ! Awesome tip, I didn’t know about this at all. Thank you so much for your help.

• 

  thesacredpath · Member · Oct 18, 2013 at 4:02 am

  • Copy link

  You are very welcome.