Change footer from single color to image

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

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

Hi,

I hope live preview will do?

https://umbt6ou90o15tasq-46971388057.shopifypreview.com

Thanks

0 Likes
Highlighted

Hi,

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Astronaut
1082 178 213

@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.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
11 0 0

Do you mean adding a background image to assets folder?

0 Likes
Highlighted

Hi 

change the image as you want.

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

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
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
Highlighted

Hello,

Ok can you add the image in your file folder?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

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

0 Likes