Changing the font size

8 posts from 3 voices

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

Tags:

No tags yet.

1. 

   deannamc
   Member

   Is there a simple way to change the font size on the Velvet theme? This text is too small for my taste. I would like the regular text and heading text on the portfolio-items in particular to be a bit bigger. Front page font and sizes are fine.

   Thanks,
   Deanna

   Posted 3 months ago #
2. 

   Ismael
   Moderator

   Hi,

   To change the portfolio text, you can add this on your custom.css

   .template-portfolio-overview p {
   font-size: 15px;
   }
   
   .post-title a {
   font-size: 20px;
   }

   Regards,
   Ismael

   Posted 3 months ago #
3. 

   deannamc
   Member

   Thanks, that changed the size of the text and title of the portfolio "cards". This is good, but what I really wanted was the text and headers ON the actual portfolio details pages. This is where most of the text is and where I want people to be able to read.

   Also, why is the "header" on these pages a different font from everything else?

   Thanks,
   Deanna

   Posted 3 months ago #
4. 

   Ismael
   Moderator

   Hi,

   You can use this instead. :)

   .single-portfolio p {
   font-size: 15px;
   color: red;
   }
   
   .single-portfolio .post-title.no_cufon {
   font-size: 20px !important;
   color: blue !important;
   }

   Regards,
   Ismael

   Posted 3 months ago #
5. 

   deannamc
   Member

   Thanks. I looked at the .css files and can't quite figure out how best to change the text sizes of:
   - bulleted items
   - the text on the about page

   Thanks,
   Deanna

   Posted 3 months ago #
6. 

   Devin
   Moderator

   Hi Deanna,

   On a regular page, you just need to select the text and use the visual editors buttons to make the text larger. That should add the needed css to the inline css.

   The same should also hold true for list items since they are only getting their font size from the body font which is:
   

   body{
   font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif;
   }

   Regards,

   Devin

   Posted 3 months ago #
7. 

   deannamc
   Member

   I don't seem to have text size buttons on my visual editor - I can do bold, italic, text color, bullets, and a bunch of other stuff, but not text size.

   Posted 3 months ago #
8. 

   Devin
   Moderator

   If you want to have larger text that isn't a headline(from the text styling dropdown showing Paragraph/Header 1 etc), you would need to modify the html (text) view and modify the text that way.

   So something like:
   <p style="line-height: 16pt; font-size: 15pt;">Some Bigger Text</p>

   This would be for those items that would normally just be targeted with regular font-wide text size.

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.