The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Custom Heading Not Working CSS

  • # July 5, 2013 at 7:45 am


    I have put a class in my h2 but still showing the heading background. I only want the background to show up in when do not have h2.

    I only want to be able to show the bottom border in the heading that has h2.

    the two samples are in my code pen

    # July 5, 2013 at 7:51 am


    Which background, when?

    The background of `

    ` will always show if there is anything inside that div even just padding. Setting `background:none` on the h2 will not affect the background of `

    If you don’t want a background on the `

    ` don’t put one on it.
    # July 5, 2013 at 7:58 am

    An `h2` is a block level element; there really isn’t any need to wrap in in a div **unless** you want to put some sort of special styling on the **div** itself.

    If you want a bottom border only on the `h2′ then just add that.

    # July 5, 2013 at 8:06 am

    The way I done is way open cart is

    # July 5, 2013 at 8:09 am

    So there is always a `

    ` and there may be an ` h2` in it or there might not be?

    But if there is an `h2` it has to have a bottom border BUT you don’t want the wrapping `

    `to have the background that Open Cart has assigned.

    Is that right?

    # July 5, 2013 at 8:20 am

    I am now just modifying it will let you know how I go.

    # July 5, 2013 at 10:06 am


    I did it your way using div just about there few things have to fix but all good.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed