How to add matching background image to the blog page ?

[esteewhite]

Hello, I would liek to add a background image to my blog page so that it matches the rest of my site and it's not just plain white. How can I do that ? 

This is my blog page - https://esteefotomua.weebly.com/blog

[Bernadette3]

Hi @esteewhite I believe that is only possible with custom html/css code. If that is something you are familiar with there may be a user on here that can help you figure it out. Is it an image or a background color you are trying to upload? 

[esteewhite]

Thank you @Bernadette, I am not very familliar with css but I will research it if I know what I'm supposed to do. I would like to use an image from my computer for background but if this is too complicated I am ok with just using a solid color - just something so it's not completely white.

[BJ5]

If you're going to use the same background image from another page you shouldn't need to worry about re-uploading the image, and it will make coding it a little simpler.

[esteewhite]

Yes, same image

[BJ5]

Ok, add this to the Footer Code field for your blog page on the Pages tab (it's in SEO Settings there):

<style>
    .main-wrap
    {
        background-image: url("/uploads/1/2/6/8/126845556/background-images/408852606.jpg") !important;
        background-repeat: no-repeat !important;
        background-position: 50% 50% !important;
        background-size: 100% !important;
        background-color: transparent !important;
        background-size: cover !important;
    }
    .wsite-not-footer
    {
        background: rgba(244,247,248,0.8) !important;
        border-radius: 10px !important;
    }
</style>

[BJ5]

Oh - this will only show a difference on the published site.

[esteewhite]

@BJ Thank you so so much it worked great I really appreciate your help  

[BJ5]

No prob!