Solved

Background image in header and footer (Debut Theme)

jthorn877
Tourist
8 0 3

Hi all, 

This should be pretty simple but I do not know much about Shopify yet. I want to add an image to both my header and footer. I have my image in assets but do not know where to go from there. Thanks!

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @jthorn877 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header  .grid , .site-footer  {
     background-image: url(https://cdn.shopify.com/s/files/1/0586/0520/7731/files/plaid2.jpg?v=1626573257);
    background-position: center;
    background-size: cover;
}

 

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
36839 3635 11972

@jthorn877 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jthorn877
Tourist
8 0 3

Site Url: https://rockymountaintradingco.myshopify.com/
Pass: feapro

As you can see I figured a way to get the image partially in, but still have a white box blocking most of the image. Thank you!

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @jthorn877 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header  .grid , .site-footer  {
     background-image: url(https://cdn.shopify.com/s/files/1/0586/0520/7731/files/plaid2.jpg?v=1626573257);
    background-position: center;
    background-size: cover;
}

 

jthorn877
Tourist
8 0 3

Thank you much!

Kinjaldavra
Shopify Partner
2302 570 1422

hello @jthorn877 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.