Need help? Check out our Support site, then


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

  1. jeanniejoysmith
    Member

    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. @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. 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. 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

    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.

About this Topic