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

  • Author
    Posts
  • #876789

    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.

    #876971

    jtanna01
    Member

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

    #876978

    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.

    #877057

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

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

The topic ‘Removing borders on h1, h2,h3 tags in custom css’ is closed to new replies.