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 10 years, 3 months ago by SuperHero6.
-
AuthorPosts
-
January 5, 2014 at 1:40 am #83341SuperHero6Member
Aloha!
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 #83458nutsandboltsMemberCan 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 #83468SuperHero6MemberJanuary 5, 2014 at 9:10 pm #83471nutsandboltsMemberGo 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 #83525SuperHero6MemberAloha!
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 #83526SuperHero6MemberI did 20px and 2.0rem, Id attach a screen shot but there's no option here.
🙂
January 5, 2014 at 11:57 pm #83527nutsandboltsMemberTry 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 #83530SuperHero6MemberYES! 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 #83531nutsandboltsMemberGlad 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 #83705SuperHero6MemberAloha 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 #83706SuperHero6MemberIt 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.