Comments rickytherhino started the conversationJuly 17, 2020 at 2:40amI'd like to change the size of the title but only the for the blog articles. I cannot figure out how to do this inside of the CSS. Can you help me figure out the code I should use to override the h1 on the blog? Example: http://alliant-sb.com/2020/03/engenius-earns-iso-20000-1-and-iso-27001-certificationsThanks!Daniel 3,017Andrew repliedJuly 17, 2020 at 6:16amHi Daniel,Use the following custom css in Salient > General settings > CSS/Script related: body.single-post .heading-title[data-header-style="default_minimal"] .entry-title { font-size: 40px; } Hope this helps.rickytherhino repliedJuly 17, 2020 at 1:43pmHi Andrew,That did indeed work for the blog posts that do not have header images. Do you know how I can make it apply to all?It looks like it applied to posts like this: http://alliant-sb.com/2020/04/lorem-eventsBut not like this: http://alliant-sb.com/2020/05/prime-contractor-idiq-ussocomDaniel 3,017Andrew repliedJuly 17, 2020 at 1:51pmHi Daniel,Here is an updated CSS. #page-header-bg[data-post-hs="default_minimal"] h1, body.single-post .heading-title[data-header-style="default_minimal"] .entry-title { font-size: 40px !important; } Cheers.rickytherhino repliedJuly 17, 2020 at 1:55pmWorked like a charm! Thanks, you're the best!Daniel Sign in to reply ...
I'd like to change the size of the title but only the for the blog articles. I cannot figure out how to do this inside of the CSS.
Can you help me figure out the code I should use to override the h1 on the blog?
Example: http://alliant-sb.com/2020/03/engenius-earns-iso-20000-1-and-iso-27001-certifications
Thanks!
Daniel
Hi Daniel,
Use the following custom css in Salient > General settings > CSS/Script related:
body.single-post .heading-title[data-header-style="default_minimal"] .entry-title { font-size: 40px; }Hope this helps.
Hi Andrew,
That did indeed work for the blog posts that do not have header images. Do you know how I can make it apply to all?
It looks like it applied to posts like this: http://alliant-sb.com/2020/04/lorem-events
But not like this: http://alliant-sb.com/2020/05/prime-contractor-idiq-ussocom
Daniel
Hi Daniel,
Here is an updated CSS.
#page-header-bg[data-post-hs="default_minimal"] h1, body.single-post .heading-title[data-header-style="default_minimal"] .entry-title { font-size: 40px !important; }Cheers.
Worked like a charm! Thanks, you're the best!
Daniel