Community Forums › Forums › Archived Forums › Design Tips and Tricks › How could I make my headings… Bold?
- This topic has 8 replies, 5 voices, and was last updated 9 years, 8 months ago by
xazed.
-
AuthorPosts
-
May 8, 2015 at 10:32 am #150963
Antranik
ParticipantI recently switched over to Lifestyle Pro.
I also got Design Palette Pro.
Both are amazing products. Life is good.
Now, I'm tweaking things, and I'm noticing that the H3 headlines are looking a little skinny and if i do BOLD (like, in the article itself, if i literally just bolden the headline), I like that look.
For example: In this article I purposely made the first 3 headlines bolder ("Straight versus arched HS", "Wrist flexibility and warm up")
The rest are not boldened. See how puny the rest look in comparison?
How do I make headlines bold-looking like that without having to manually bolden them? (Also, do you agree that hte boldened headlines look better? I think they do.)
Current settings in Deisgn Palette Pro:
Entry Content -> H3 Headers -> Typography
Font Stack: Roboto Slab
Size 24
Font Weight: 700 (Bold)But, bold or normal doesn't make a difference. Do I have to choose a different font? Is there a way to make it look bolder? Thank you.
http://antranik.org/comprehensive-handstand-tutorial/May 8, 2015 at 1:19 pm #150991CleanPageDom
ParticipantHi there
Not familiar with DPP, but if you add the following somewhere in
style.css
(DPP may allow the same thing), it should work:body.gppro-custom .entry-content h3 { font-weight: 700; }
Thanks
Dom
May 8, 2015 at 2:42 pm #151042Antranik
ParticipantIt's really strange. In the preview it sometimes shows the proper boldness that I set it to, but sometimes it doesn't. I'm wondering if there's another area that's overtaking the header-values.
Forgot to mention I am also using the "Genesis Design Palette Pro - Entry Content Style" plugin to help aid in modifying these values.
May 15, 2015 at 10:30 am #152324Antranik
ParticipantHey folks, I still have the problem. Why are my h3's globally set to 300?
Example: http://antranik.org/toe-touching-routine/
I'm using Genesis Design Palette Pro but apparently it's not changing anything.
May 15, 2015 at 2:12 pm #152346littleleafash
MemberThe code sets all the headlines to 300:
h1, h2, h3, h4, h5, h6 { color:#222222; font-family:'Roboto Slab', sans-serif; font-weight:300; line-height:1.2; margin:0 0 24px; }
Can you change CSS? You'll need to change it for h3 and you can even add !important to it if you want to be sure it works!
May 15, 2015 at 3:01 pm #152352Antranik
ParticipantLittleleafash, I am unsure of how to change h3 or if that plugin is overriding it or what. How do I change h3 for now?
Also, thank you for your help!
May 15, 2015 at 6:48 pm #152367wheelingit
MemberIn your child theme css in the exact area that littleafash mentioned above change the line that says font-weight: 300 to say font-weight: 700
May 15, 2015 at 10:04 pm #152374Antranik
ParticipantRESOLVED! AND I must share it with you...
Solution came in by e-mail from the makers of Design Palette Pro:
My understanding is you would like the h3 heading within the post to be Roboto Slab --> Bold (700). Is this correct? The Entry Content default for the h3 heading is Bold (700) - as the plugin only save non default values this is why Bold (700) is not working. When changes are made and saved in Design Palette Pro the plugin runs a check before writing to the custom CSS - if it's a default setting it will skip writing, and if it is not it will write. The reason for this is to avoid CSS specify issue if every setting writes to the stylesheet. Since this is an add-on extension it is not taking the default from the theme, but sets it to Bold (700). I've tested this on my own Lifestyle Pro and using the 400 weight worked. If you would like to have the h3 tags bold what you can do is install our Freeform Style extension, and add a custom snippet.
Once this is installed and activate it will add a new section "Freeform CSS" to the Design Palette Pro menu. In Design Palette Pro under Freeform CSS --> Global CSS --> paste the following snippet:
body.gppro-custom .entry-content h3{
font-weight: 700;
}This should fix the problem for you.
I do hope this helps! Please let us know how this goes for you and if you would like us to look at the support widget issue.Have a great weekend!
Cheers
-Reaktivstudios.com
Thank you to everyone else who tried to help me out!
May 16, 2015 at 2:47 am #152379xazed
MemberNo problem 😉
-
AuthorPosts
- The topic ‘How could I make my headings… Bold?’ is closed to new replies.