Footer and announcement bar in different color

Store Design
, ,
1

Hello,
Do you know how we can change the Footer and announcement bar in different color on craft theme ?

2

Hello, @GiudFabri123
Please share “Store URL”
Thanks!

3

Hi @GiudFabri123

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.announcement-bar-section .utility-bar.color-background-1.gradient {
    background: #441E02 !important;
}
footer.footer.color-background-1.gradient.section-sections--20571060994387__footer-padding {
    background: #441E02 !important;
}

Result:

websensepro_0-1736763562187.png
websensepro_0-1736763562187.png811×397 214 KB

websensepro_1-1736763744372.png
websensepro_1-1736763744372.png808×490 37.5 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

4

Hi @GiudFabri123

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
footer.footer,
.shopify-section.shopify-section-group-header-group.announcement-bar-section {
    background: #252525;
}

I hope this helps

Best,

Daisy

5

thank you! it almost works - how can i have the lettering in black? If i change it through the theme settings, it change some other areas which i do not want

6

hello, can you advice please?