[BSA STORE]

I want to change the background color of my storefront from white to another one. However, anything I do, any code I put it does not change the color of the cover footer (where the description and "Shop now" button is), it still remains white, whereas the background of the catalog does change to my preferred color.
How could this be fixed?

This code does not work:
[data-block] {
background-color: #fcf9f4;
}

div.ecwid-productBrowser {
background-color: #fcf9f4 !important;
}
.store .border {
border-top: 3px solid #fcf9f4;
}

Thank you!

[Mary G.]

Originally Posted by Austeja Ema Bazaraite

I want to change the background color of my storefront from white to another one. However, anything I do, any code I put it does not change the color of the cover footer (where the description and "Shop now" button is), it still remains white, whereas the background of the catalog does change to my preferred color.
How could this be fixed?

This code does not work:
[data-block] {
background-color: #fcf9f4;
}

div.ecwid-productBrowser {
background-color: #fcf9f4 !important;
}
.store .border {
border-top: 3px solid #fcf9f4;
}

Thank you!

Hello,

It's Mary from the Ecwid Customer Care team.

We have recently released a new editor for Ecwid Starter Sites and right now the background color can be changed with the following steps:

1. Go to Ecwid Control panel > Starter Site
2. Click "Edit Content"
   
3. Open 'Headline & Cover' > 'Background options'
4. Choose the option 'Color' and set the needed color
5. Then choose the option 'Image' and upload the image
   
6. Save the changes

We realize that this workflow is a bit confusing. My colleagues are aware of this and they working to improve that.

Hope this helps.

Kind regards,

[DabNDo]

how do i change the color of the store?

[Ksenia Avdonina]

Originally Posted by DabNDo

how do i change the color of the store?

Hello,
This is Xena, Ecwid Customer Care team. Thanks for your question!

As far as I understand, you want to change the background colour of your storefront. If so, this can be done with the help of the CSS code that I prepared for you. Please, follow this instruction to paste the code below: Adding CSS codes to your store

div.ecwid-productBrowser, .cover ~ .body .tiles, [data-block], .ec-size .ec-store .grid-product__wrap-inner, .ec-size .ec-store .form-control__button { 
background-color: #222222 !important; }
.ec-size .ec-store .form-control__button { 
border-color: rgb(204, 204, 204); }
.ecwid div, .ecwid span, .ecwid a, .ecwid p, div.whyus, div.quote, div.owner, div.contacts, div.caption h1, .menu .cat-name a, .ec-store .ec-cart-summary * {
color: white !important; }

You can change the background-color value to the preferable one.

Once you paste the code, your storefront colour will be changed.

Hope this helps!