Background image in header and footer (Debut Theme)

Solved
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!

KetanKumar
Shopify Partner
20658 2144 7827

@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
Natztech
Shopify Partner
1436 404 960

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
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!

0 Likes
Natztech
Shopify Partner
1436 404 960

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
jthorn877
Tourist
8 0 3

Thank you much!

0 Likes