Removing borders on h1, h2,h3 tags in custom css

• 

  ladybloggette · Member · Apr 25, 2012 at 11:01 pm

  • Copy link
  • Add topic to favorites

  Borders on H1, H2, H3 tags
  I love the Suburbia theme and I feel removing the borders on the heading tags would make posts look a lot smoother. I added the following to the custom css but the preview still shows borders
  h1 {
  border-style:none;
  }

  h2 {
  border-style:none;
  }

  I am new to adding CSS in WordPress. Does anyone have suggestion for removing the heading tags border?

  Thanks in advance!

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

• 

  jtanna01 · Member · Apr 26, 2012 at 4:25 am

  • Copy link

  @jeanniejoysmith,

  If you want to remove all borders then you need to use border: property like in this code:

  h1, h2, h3 {
border: 0;
}

  The above code will remove borders globally on your blog.

• 

  thesacredpath · Member · Apr 26, 2012 at 6:31 am

  • Copy link

  Don’t use border 0. Use border: none like this:

  h1, h2, h3 {
  border: none;
  }

  Some older browser don’t know what to do with a border: 0 and will just ignore it.

• 

  designsimply · Member · Apr 26, 2012 at 7:57 pm

  • Copy link

  Since Suburbia adds borders above post titles using very specific selectors, you need match how specific they are when you add your own rule. Like this:

  #single h1,
  #single h2,
  #single h3,
  #single h4,
  #single h5,
  #single h6 {
  	border: none;
  }

• 

  ladybloggette · Member · Apr 29, 2012 at 3:31 pm

  • Copy link

  Thank you all for the excellent suggestions! The CCS from DesignSimply works like a charm