Prestige Theme: How To Place An Image As Footer Background?

Store Design
1

Hello,

I am currently using the Prestige Theme.

I am only enabled to change the background color of the footer area for this theme.

I am unable to place an image.

I want something like this:

emjayp_0-1643251694331.png
emjayp_0-1643251694331.png999×445 199 KB

How can I place an image for my footer background like this?

store - www.guapstar.com

pw - gstar00 (upper hand corner)

Any response will be appreciated, thank you very much.

2

@emjayp - please add this css to the very end of your theme.css file and check, change url as per need, should look like screenshot below

.Footer {
    background-image: url(https://cdn.shopify.com/s/files/1/0584/2033/0671/files/1800-x-800-blue-space-background_37f93e56-7bce-4a1b-8a50-92a5142690d8_400x.jpg?v=1627782958);
    background-repeat: no-repeat;
    background-size: cover;
}

suyash1_0-1643252886690.png
suyash1_0-1643252886690.png1366×768 184 KB

3

Hello @emjayp ,

Please add below css to your theme

footer#section-footer {
    background: url(https://cdn.shopify.com/s/files/1/0584/2033/0671/files/1800-x-800-blue-space-background_37f93e56-7bce-4a1b-8a50-92a5142690d8_2000x.jpg?v=1627782958);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index:9
}
footer#section-footer:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    z-index:-1;
}

Thanks

4

Thank you very much!