How To Add Background Image To Footer In Shopify
HTML-код
- Опубликовано: 17 май 2023
- In this tutorial i will show you how to add background image to footer in Shopify and set any picture as the background for dawn theme footer or any Shopify theme.
Adding a background image to your Shopify footer is an easy way to make a big impact on the overall look and feel of your store, It can help tie together the design elements of your Shopify store, making it more cohesive and attractive, not only that, but it can also be used as an effective branding tool helping customers identify with your store quickly and easily.
A good background image for Shopify footer should be chosen carefully; ideally something that reflects the style or theme of what you're selling in some way, you want something eye-catching but not too overpowering think subtle textures or patterns rather than bright colours or bold images.
Code : pastebin.com/bPpxfSXL
If you have any questions or suggestions my Instagram : / anas_elmedlaoui
About me:
My name is Anas El Medlaoui and i have been around digitally for 8 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this RUclips channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.
#background #footer #shopify
I love you and your videos man! You are so cool and so helpful and so sweet! Thank you! Rock On!!!
Very helpful. Your videos are easy to follow and I was able to change my Shopify website Footer Font Color and Image using your videos.
Super helpful, thank you!!
nice work.
I love to see your video.
thank You bro!!
looking forwrd for more videos like this
You're welcome, be ready then haha a lot of video on the way.
Cheers
I love you! ❤
Hello there! Yea I am having the same issue not working for Dawn theme. Also is there a way to paste the file name without having to go into Shopify files? Can the file be pasted from another location? And English being your 3rd language is pretty impressive. ( ) = parentheses
Nice work ❤
Thanks
This is cool tanks bro
You're welcome
Hi there, it does not work with the theme "studio"? Any idea what I do ? Thank you for everything you do, really appreciated.
What should be the Image dimension which will be compatible for Desktop & Mobile version?
Excellent explanation! Not working on the Crave 10.0 theme (insert sad face) Must be the update that screwed it up, I'll check back later to see if you update the video to account for this. Oh, btw, the word you are looking for is parentheses for these ( ).
❤❤
Is there a update on how to do it? Not working on my version of Craft theme
Hey mate!
Love the explanation! I saw in your other video 'background image for a section' that it doesn't work for dawn 10.0 & that you're on it..does this count for this one as well or did I do something wrong? Cause for my dawn 10.0 theme this background image for footer didn't work either. Cheers!
Hey, Shopify are going blitzkrieg with the updates lately, im still working on a trick that would work for every theme and version.
Cheers
@@OnHOWGuy I found a trick. If you click on the footer and past the code into the Custom CSS properties it works.
Currently using the free Dawn theme.
footer {
background-image: url(your url to image) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
i tried it more then 5 time but did not work..currently i'm working with Prestige 7.3.1 and it not wroking .help me out brother please
Hello there, thanks for this but didn't work on prestige theme. I followed exactly what you said
Hi, can you please tell me how To show a one-line product title, instead of the whole title (Shopify Dawn theme)
Hello, I Love your Video but i want to know that how to Add logo in Footer Section shopify?
I also am not able to get this working on Dawn theme. My current version is 13.0.1. I had good luck following the instructions on your transparent header video so was disappointed that this one didn't work. Any advise?
Same here & also using Dawn.
sir the Footer code is not working for me
i've tried with 2-3 pictures but its not working
Thanks for this! I thought it didn't work at first because the footer was still black and the image wasn't showing. I changed my footer image color to "none" and then the image showed up! So...FYI...make sure the footer color is set to "none" (delete the hex code in the footer color section), otherwise your image won't show. What dimensions should the image be?
I changed them to none and it still doesn’t work
Can you use this process for the header?
#shopify-section-header header {
background-image: url(URL) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
I also followed your video for background image for each section and it was not changing:(
Until now all the tips you have provided have helped ALOT! Just stuck at this last step before launching.
why its not worked on Dawn theme
Hi, how To Add Background Image To Header In Shopify?
doesn't work on impulse theme either.
Brother how to check competitor store all apps whichever has used thank you 😊
Thats actually the first video i made and it was like two years ago.
ruclips.net/video/dl_xBaUYsfA/видео.html
Cheers
Does your website store stay the same when the product your selling dies off and add a new product
I tend to brand a store based the product, so the design is different for each product.
Cheers
i need a original code of theme liquid.. which as it as given code by shopify...
i m getting error
Nice video but How can i Make the Payment Methods are in the Footer?
I replied to earlier comment, let me know if that didn't help.
Cheers
Hii Brother ,
This is not working in Ride Theme Can you please help me how to do this?
You can try adding it as custom css instead. Check out my video on how to set background image to any section and use that trick.
Hii, it doesn't work on the new sense theme :(
I'll look into it.
Cheers
Bro this code is not working
Its not working with me
Video starts at 2:55
Stil not working
does not work on the refreash theme
It works on every theme, i tested it on refresh as well just make sure you do the steps correctly.
Cheers
@@OnHOWGuy Could it be a color setting that overwrites the section CSS?
@@franner15 Maybe, try adding it as custom css instead. Check out my video on how to set background image to any section and use that trick.
Cheers
Didnt work :(
This didn’t work for me
hey buddy, could you please help me customize my shopify channel?
doesn´t work
help me brother waiting for your response....!!
total waste of time
Nahh u just did it wrong
Bro, I hope you're doing well please check your email. thanks
Hey, im doing fine thanks.
I will now.
Cheers
@@OnHOWGuy i really appreciate it bro if you help me out with that issue.
@@nomanshaikh4850 I rarely access the email for my channel and i get a lot of emails so no idea which is yours.
Cheers