How can I add a background image to my Dawn theme footer?

adamjohnsoko
New Member
18 0 0

I would like to add an image as the background of my footer, how do i accomplish this?

Replies 4 (4)

Rajvi__patel
Shopify Partner
61 4 14

@adamjohnsoko you have to create a input settings 
Add background image in main footer div 


<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding" style="background-image: url('{{ section.settings.bg-img | img_url: 'original' }}');">


input schema :
{
"type": "image_picker",
"id": "bg-img",
"label": "background-img"
},

 

add image in customizer

Rajvi__patel_0-1709122221845.png

 



If helpful then please Like and Accept Solution.
adamjohnsoko
New Member
18 0 0

Would this go into the footer.liquid section?

Rajvi__patel
Shopify Partner
61 4 14

@adamjohnsoko yes footer.liquid

If helpful then please Like and Accept Solution.
adamjohnsoko
New Member
18 0 0

Pasting this code into the footer section and substituting 'original' with the image URL causes my main banner to disappear; no other changes occur.

<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding" style="background-image: url('{{ section.settings.bg-img | img_url: 'original' }}');">


input schema :
{
"type": "image_picker",
"id": "bg-img",
"label": "background-img"
},