add image to footer

[noamdaniel]

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?

[niraj_patel]

Hello @noamdaniel 
Can you share store URL?

[KetanKumar]

@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.

[noamdaniel]

mythicaura.com

[KetanKumar]

@noamdaniel thanks for url 

i can see your code work as  well

[niraj_patel]

@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>

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