add image to footer

noamdaniel
Tourist
6 0 3

I want to add a picture to my footer. im using dawn theme.

currently this is my code:

.footer{
  background-image: url('https://cdn.shopify.com/s/files/1/0576/8973/5254/files/DALL_E_2024-06-07_16.50.55_-_A_serene_landscape_featuring_a_majestic_lotus_flower_in_the_style_of_a_sunset_meditation_scene._The_setting_includes_a_large_lotus_flower_in_the_cente.webp?v=1717768264');
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  
}

it does show the image but when i scroll the image moves. how do i turn it off?

the second question is what is the ideal photo size so it will fit perfectly?

 

Replies 5 (5)

techlyser_web
Shopify Partner
1611 299 322

Hello @noamdaniel 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

KetanKumar
Shopify Partner
36890 3640 11983

@noamdaniel 

Thank you for reaching out and posting this question!
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
noamdaniel
Tourist
6 0 3

mythicaura.com

KetanKumar
Shopify Partner
36890 3640 11983

@noamdaniel thanks for url 

i can see your code work as  well

KetanKumar_0-1717773537403.png

 

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

techlyser_web
Shopify Partner
1611 299 322

@noamdaniel 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .footer {
     background-repeat: no-repeat;
     background-image: url(https://cdn.shopify.com/s/files/1/0576/8973/5254/files/DALL_E_2024-06-07_16.50.55_-_A_serene_landsca...);
   background-size: cover;
   height: 100%;
   background-attachment: fixed;
   background-position: center;
   width: 100%;
 }
</style>

techlyser_web_0-1717834771198.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com