Adjusting text sizes

9 posts from 4 voices

• Started 3 months ago by vanrijmenam
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   vanrijmenam
   Member

   Hi,

   I want to adjust the text sizes on the website. In the base.css I want to adjust the font from 13px to 15px:
   body {
   font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
   /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   }

   If I do this the Menu and the Twitter stream also gets adjusted and become to big. The menu items do not fit on one row anymore and the twitter stream become to present. How can I change only the font of the blog and portfolio posts and not the rest?

   Thanks.

   Mark

   Posted 3 months ago #
2. 

   slackbladder
   Member

   Try adding the following in to your custom.css:

   .entry-content p {
   font: 15px/1.154em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
   /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   }

   Posted 3 months ago #
3. 

   Ismael
   Moderator

   Hi vanrijmenam,

   Try adding the code given by slackbladder in either Quick CSS or custom.css. You might also want to adjust the line-height.

   @slackbladder: Thanks for helping out.

   Regards,
   Ismael

   Posted 3 months ago #
4. 

   vanrijmenam
   Member

   Hi Ismael and Slackbadder,

   Thanks for the comments, much appreciated. This worked!

   Regards,

   Mark

   Posted 3 months ago #
5. 

   vanrijmenam
   Member

   Hi,

   I found that, although it works on normal text, formated text is not included in the larger font. For example when a text contains bullet points it is still 13px: http://www.bigdata-startups.com/big-data-ownership/

   How can I change that as well?

   Thanks!

   Mark

   Posted 3 months ago #
6. 

   slackbladder
   Member

   Try:

   .entry-content li {
   font: 15px/1.154em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
   /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   }

   Posted 3 months ago #
7. 

   Ismael
   Moderator

   Hi vanrijmenam,

   Just replace the code slackbladder gave you:
   

   .entry-content p {
   font: 15px/1.7em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
   -webkit-text-size-adjust: 100%;
   }

   replace it with this code:
   

   .entry-content p, .entry-content li {
   font: 15px/1.7em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
   -webkit-text-size-adjust: 100%;
   }

   @slackbladder: thanks for helping out again. :)

   Regards,
   Ismael

   Posted 3 months ago #
8. 

   vanrijmenam
   Member

   Hi Ismael and Slackbladder,

   Thanks for the answers, it worked.

   Regards,

   Mark

   Posted 3 months ago #
9. 

   Devin
   Moderator

   Glad its working for you now :)

   Let us know if you have any other questions or issues.

   Regards,

   Devin

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.