Gradient announcement bar and footer in Dawn theme

Store Design
1

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

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

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. 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;
}
3

@Superkeno

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

It did not work.. :confused:

5

bradeals-no.myshopify.com

PW: eafrow

Thanks for looking into this man! :slightly_smiling_face:

6

Could you help me pls?