Community Forums › Forums › Archived Forums › General Discussion › Executive HTML5 Theme – How To Change Blog Post Body "Paragraph" default font
Tagged: Executive theme
- This topic has 10 replies, 2 voices, and was last updated 9 years, 2 months ago by
SuperHero6.
-
AuthorPosts
-
January 5, 2014 at 1:40 am #83341
SuperHero6
MemberAloha!
Does anyone know how to on the .... Executive HTML5 Theme - How To Change Blog Post Body "Paragraph" default font
It's so small and I've tried for about 45 minutes or so in the editor and can't seem to pull it off.
Thank you kindly!
Happy New Year!
AdamJanuary 5, 2014 at 8:44 pm #83458nutsandbolts
MemberCan you post a link to your site? It's always easier to help if we can see what you see.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 5, 2014 at 9:07 pm #83468SuperHero6
MemberJanuary 5, 2014 at 9:10 pm #83471nutsandbolts
MemberGo to Appearance > Editor in your WordPress dashboard to open your stylesheet.
Find this:
body { background-color: #f2f2f2; color: #222; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.6; }
You can change the font-size rules (you'll need to change both) to make the font bigger. 10px = 1rem for keeping them proportional, so if you change the font size to 18px, you'll want to change the second font-size to 1.8rem. Hope that makes sense!
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 5, 2014 at 11:48 pm #83525SuperHero6
MemberAloha!
Yes it makes sense, thank you. So did that and the font didn't change. Another weird thing is the font looks smaller in Chrome than it does in Safari and Firefox. Thoughts?
Thanks so much!
Adam
January 5, 2014 at 11:50 pm #83526SuperHero6
MemberI did 20px and 2.0rem, Id attach a screen shot but there's no option here.
🙂
January 5, 2014 at 11:57 pm #83527nutsandbolts
MemberTry adding !important before the semicolon for those rules, like this:
body { background-color: #f2f2f2; color: #222; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px !important; font-size: 2rem !important; line-height: 1.6; }
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 6, 2014 at 12:48 am #83530SuperHero6
MemberYES! You're the best ever!
It worked!
Thanks so much, let me know if there's anything you need help with.
Aloha
AdamJanuary 6, 2014 at 12:49 am #83531nutsandbolts
MemberGlad I could help! I'm going to mark this topic as resolved, but feel free to open a new one if you need help with anything else. 🙂
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 6, 2014 at 8:26 pm #83705SuperHero6
MemberAloha Again, since the code change some things are going on with the text. For example on this blog post: http://socialstrategizer.com/facebook-marketing-for-list-building/
scroll down to between # 5 & 7 bullet points and notice how the text in #6 is smaller than the rest of the body copy. This is happened on a few pages. Thoughts?
Thank you,
AdamJanuary 6, 2014 at 8:27 pm #83706SuperHero6
MemberIt appears thats its even smaller than the original default font size that was replaced, if thats helps determine anything.
Thanks again.
Adam
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.