selector for heading h1 in origin?

• 

  bezego · Member · Jul 3, 2013 at 6:06 am

  • Copy link
  • Add topic to favorites

  hello,

  I am trying to change the look of H1 in origin and for the life of me cannot find the way to do it. Writing just .h1 {…} does not work. For some reason messing with the following does:

  .wf-active .hfeed h1, .wf-active .hfeed h2, .wf-active .hfeed h3, .wf-active .hfeed h4, .wf-active .hfeed h5, .wf-active .hfeed h6 {
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-size: 1.43077em;
  text-decoration: underline;
  }

  BUT it underlines also post titles! I have no clue why – as the selector for a post title is different. Do you have any idea how to underline H1 but not the post title? Any suggestion will be greatly appreciated.

  Thank you!

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

• 

  miguelcsf · Staff · Jul 3, 2013 at 8:08 pm

  • Copy link

  Hi there,

  If by H1 you are referring to the site title (your logo on the top-left corner), then you should use the #site-title selector, which is both stronger and safer than just “h1”. For instance:

  #site-title {
      text-decoration: underline;
  }

• 

  bezego · Member · Jul 4, 2013 at 5:19 am

  • Copy link

  oh, sorry, I didn’t make myself clear – I mean the biggest heading in a text. I use <h1> to create it. I thought it was also the name of it :)

  I want headings in a text to be underlined but post titles not. Is there any way to achieve that?

  thank you!

• 

  justpi · Member · Jul 4, 2013 at 5:44 am

  • Copy link

  Add this:

  .entry-content h1 {
      text-decoration: underline;
  }

• 

  bezego · Member · Jul 4, 2013 at 9:07 am

  • Copy link

  Justpi, thank you! Yet again exactly what I needed.