Change the color of the separation line between the announcement bar and the header in Dawn theme

Sauron6263
Tourist
39 0 5

Hello, i have some difficulties to change the color of the separation line between the announcement bar and the header in Dawn theme (check ss). I tried a lot of different things from the header.css but the ligne stays grey and i would like to change the color for #30E413, can someone help me please for the code ? You can check to box to enable this line but there is no option to change its color 😞Capture d'écran 2024-03-24 113408.png

Replies 5 (5)

supersell
Shopify Partner
8 0 2

Hi,

You can go to assets/base.css and do this:

Screenshot 2024-03-24 at 10.56.38.jpg

 

Result:

Screenshot 2024-03-24 at 11.00.07.jpg

 

Make sure to check all pages and sections of your store to see if it affects a bottom border of something that you don't want to to be affected

Sauron6263
Tourist
39 0 5

Thank you it is working !

supersell
Shopify Partner
8 0 2

You're welcome!

Sauron6263
Tourist
39 0 5

is it also on the base.css for the footer separation line ? 🙂Capture d'écran 2024-03-24 124804.png

supersell
Shopify Partner
8 0 2

I'm not quite sure which line of the footer you're referring to. Try doing this in assets/section-footer.css:

Screenshot 2024-03-24 at 12.30.25.jpg

 

Result:

Screenshot 2024-03-24 at 12.30.39.jpg