hi i want to add Background Picture on footer on Dawn Theme
i found the code for it but didnt work
can u please help me?
web:
A user seeks to add a background image to the footer in Shopify’s Dawn theme. Multiple solutions are provided:
Initial Solution:
base.css (Layout folder) targeting .footer classbackground-image: url() with specific image URLbackground-size: cover, background-position: center, background-repeat: no-repeatFollow-up Issue:
After implementing the background, the email subscribe button loses its fill color, showing only an outline.
Button Fix:
theme.liquid or base.css targeting .newsletter-form__field-wrapper .field__inputbackground-color: transparent to maintain the outline-only appearanceStatus: Resolved. The user confirms both solutions work successfully.
hi i want to add Background Picture on footer on Dawn Theme
i found the code for it but didnt work
can u please help me?
web:
Hi @yokota_1
you can do it by adding this code to your theme.liquid file before tag in Online store > Themes > Edit code
Hello There,
.footer {
background-image: url(https://viw0k7vg37df09qo-76524519745.shopifypreview.com/cdn/shop/files/Yokota-Akiko-Banner.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
hi this code works well!
but now subcribe email button have color
how to change to to outline button only without fill color?
Hello @yokota_1
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → theme.liquid file.
Add the following code in the bottom of the file above tag
Let me know if need further assistance
Regards,
Artzen Technologies
Hello There,
.newsletter-form__field-wrapper .field__input {
background-color: transparent;
}
thank you very much sir!
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.