Grow your CSS skills. Land your dream job.

Custom Heading Not Working CSS

  • # July 5, 2013 at 7:45 am

    Hello.

    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

    http://codepen.io/mwbcomputers/pen/abruq

    # July 5, 2013 at 7:51 am

    Wait…what?

    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.

    http://codepen.io/Paulie-D/pen/wbGBu

    # 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

    @Paulie_D

    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.

*May or may not contain any actual "CSS" or "Tricks".