WordPress.com

1. jeanniejoysmith
   Member
   Apr 25, 2012, 11:01 PM

   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 sylie.wordpress.com.

2. jtanna01
   Member
   Apr 26, 2012, 4:25 AM

   @jeanniejoysmith,

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

   h1, h2, h3 {<br /> border: 0;<br /> }

   The above code will remove borders globally on your blog.

3. thesacredpath
   Staff
   Apr 26, 2012, 6:31 AM

   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.

4. designsimply
   Staff
   Apr 26, 2012, 7:57 PM

   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;
   }

5. jeanniejoysmith
   Member
   Apr 29, 2012, 3:31 PM

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

Topic Closed

This topic has been closed to new replies.