View
 

How to fix issues with dark site background and unreadable Ecwid texts

Page history last edited by Eugene 1 year, 9 months ago

If your  site has dark background, you may face the problem with Ecwid texts and labels being unreadable. 

In order to fix this problem, perform these steps:

 

1. Log in to your Ecwid control panel and go to the System Settings → Design → CSS Themes page.

2. Find the "Red" theme, click its name to select it.

3. Press the Duplicate button to create a copy of the Red theme. Save it.

4. In this code replace "#450100" with the hex code of your site`s background color. (for example #000000 for black)

 

div.ecwid-categories,
div.ecwid-categories-MenuBarPopup,
div.ecwid-productBrowser,
div.ecwid-productBrowser-productsGrid-productTopFragment,
div.ecwid-productBrowser-productsGrid-productBottomFragment,
td.ecwid-productBrowser-cart-emptyCartPanel-td,
td.ecwid-Checkout-orderFailed-td,
div.ecwid-MessageBox, div.ecwid-MessageBox-msg,
div.ecwid-popup,
div.ecwid-DisappearingMessage {
    background-color: #450100;
}

 

Then add the modified code to the end of your copied theme. Save the changes.

 

5. Enable this theme and save the changes once again.  It will fix the problem.