Add footer border

  • Unknown's avatar
    taapsir · Member ·

    Hi,
    I would like to add a dark line above where my footer widgets start to differentiate the footer area from the rest of the site. Is there CSS to do this? Thank you.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    ogurel · Member ·

    Hello again,

    This Custom CSS will add a slightly dark line above where your footer widgets start:

    #footer
    {
    background-color: #F3F3F3 !important; /* Bonus light gray background color, you can remove it if you wish */
    border-top: 1px solid rgba(206, 206, 206, 0.4); /* 1px high and 60% transparent border */
    }

    As I mentioned in my other post, you will need the Custom CSS package in order to apply this Custom CSS code.

    Kind Regards,

    Onur

  • Unknown's avatar
    taapsir · Member ·

    Thank you!
    For the bonus background as well.
    All works like a charm :)

  • The topic ‘Add footer border’ is closed to new replies.