Thread Tools Display Modes
  #1  
Old 06-11-2019, 06:50 AM
BSA STORE's Avatar
BSA STORE is offline
 
Join Date: Jun 2019
Posts: 12
Default

Change the background color of a store front including the cover


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!
  #2  
Old 06-14-2019, 03:40 PM
Mary G.'s Avatar
Mary G. Mary G. is offline
Ecwid Team
 
Join Date: Jan 2018
Posts: 69
Default

Quote:
Originally Posted by Austeja Ema Bazaraite View Post
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,
__________________
Maria G.
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.
  #3  
Old 04-16-2020, 06:35 PM
DabNDo's Avatar
DabNDo DabNDo is offline
 
Join Date: Dec 2019
Posts: 1
Default

how do i change the color of the store?
  #4  
Old 04-23-2020, 12:16 PM
Ksenia Avdonina's Avatar
Ksenia Avdonina Ksenia Avdonina is offline
Ecwid Team
 
Join Date: Jul 2019
Posts: 16
Default

Quote:
Originally Posted by DabNDo View Post
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

Code:
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!
__________________
Warmly,
Xena

Ecwid Customer Care team
 

Tags
background, css, design

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:01 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.