Change footer from single color to image

Solved
wed5514600s
New Member
11 0 0

Hey,

I've been trying several things all day but still can't replace the footer from a solid color to custom made photo. I want something like this but with a different image: https://cdn6.f-cdn.com/contestentries/287579/2972773/573181e95e94d_thumb900.jpg

I'm using the DEBUT theme. Please, please can someone help me out with this? Thanks!

 

0 Likes

Hello ,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
wed5514600s
New Member
11 0 0

Hi,

I hope live preview will do?

https://umbt6ou90o15tasq-46971388057.shopifypreview.com

Thanks

0 Likes

Hi,

Add the image in your files folder and send me the path... I will update it by css...

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes

@wed5514600s 

It's pretty simple, you'll just need to add a background-image CSS attribute and link it to a local image in your assets.

Alternatively - and a preferred choice because it will look better on all devices, not only desktop - use a <img> attribute with absolute positioning to cover all of the available space and preserve aspect ratio. 

If you're unfamiliar with these technologies I reckon you'd be better off getting a hold of a developer, but someone around here may be kind enough to get this implemented to you free of charges. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
wed5514600s
New Member
11 0 0

Do you mean adding a background image to assets folder?

0 Likes

Hi 

change the image as you want.

.site-footer {
    background-image: url(https://i.pinimg.com/originals/c7/c6/44/c7c644c….jpg);
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
wed5514600s
New Member
11 0 0

Thank you for your help. I'm not really familiar with coding so this is like reading Japanese. I tired but failed. Thanks anyway

0 Likes

Hello,

Ok can you add the image in your file folder?

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
wed5514600s
New Member
11 0 0

This is the image in assets, is this what you mean by file folder?assetsassets

0 Likes