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

  • Author
  • #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 {

    h2 {

    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




    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.


    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.


    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;

    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.