Global Heading Font Style Changes

• 

  colbymartin · Member · Feb 24, 2015 at 3:15 pm

  • Copy link
  • Add topic to favorites

  Searched around this forum, and on Google, and am not finding an answer (or, at least one that I know how to implement).

  I like using headings to break up the length of my blog posts. But the Watson Theme has really lame/unhelpful Heading options. For instance, I use Heading 3 within my posts to break up sections, but it basically is the same as the Heading 1, which just doesn’t look great. (and the other H1-6 options are equally not great).

  I’m wondering if I can alter the master CSS sheet to change ALL the Heading 3’s?

  While I’m able to use:

  <h3 style=”font-size:150%;font-style:italic;”>

  within the post to alter the style of each individual Heading 3, and get a look that I like, this is tedious. And I have no desire to go back to every blog post and make the edits.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 25, 2015 at 12:16 am

  • Copy link

  Hi there, you can use the following CSS to alter the h3 styles. Since you are using a custom font, we have to precede the h3 with .wf-active.

  .wf-active h3 {
  font-size: 39px;
  font-weight: bold;
  }

  I just included a couple of styling declarations, but you can add or delete as desired. 39px is the current size.

• 

  colbymartin · Member · Feb 26, 2015 at 2:34 pm

  • Copy link

  Exactly what i was looking for! Worked like a charm.

  Thank you, @thesacredpath!!!

• 

  thesacredpath · Member · Feb 27, 2015 at 6:44 pm

  • Copy link

  You are welcome.