I need help with this subject.
Can anyone help me?
This is the gradient code I want to implement on the announcement bar and footer:
background: rgb(40,53,105);
background: linear-gradient(90deg, rgba(40,53,105,1) 0%, rgba(9,9,121,1) 35%, rgba(41,96,173,1) 100%);
Thanks
made4Uo
2
Hi,
I am not sure what you have two backgrounds. Anyway, I was able to change the background and the text color to white.
Please follow the instructions below
- From your Admin Page, click Online Store > Themes >Actions > Edit code
- In the Asset folder, open the base.css
- Paste the code below at the very bottom of the file.
.announcement-bar.color-background-1.gradient {
background: linear-gradient(90deg, rgba(40,53,105,1) 0%, rgba(9,9,121,1) 35%, rgba(41,96,173,1) 100%);
}
p.announcement-bar__message.center.h5 {
color: #fff
}
footer.footer.color-background-1.gradient.section-footer-padding {
background: linear-gradient(90deg, rgba(40,53,105,1) 0%, rgba(9,9,121,1) 35%, rgba(41,96,173,1) 100%);
}
footer.footer.color-background-1.gradient.section-footer-padding h2, footer.footer.color-background-1.gradient.section-footer-padding a, footer.footer.color-background-1.gradient.section-footer-padding span, footer.footer.color-background-1.gradient.section-footer-padding p {
color: #fff;
}
@Superkeno
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.
bradeals-no.myshopify.com
PW: eafrow
Thanks for looking into this man! 