Adding image border to top of widget footer

[llunabelle]

I’ve added an image to the top border of my footer widget area using a custom section / element on the front page of my dev site. I suppose I was thinking I would be able to clone this block and add it to my subpages. But now I realize that what I really want to do is add it as a permanent part of the theme. How do you recommend I do this? Please see the page here: https://dev.marytothgranick.com/

[Prasant]

Hello @llunabelle,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

footer.x-colophon.top {
    background-image: url(https://dev.marytothgranick.com/wp-content/uploads/2018/11/Blue-Border-Web.jpg);
    background-repeat: no-repeat;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[llunabelle]

Thank you. That worked great.

[friech]

We are delighted to assist you with this.

Cheers!