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

Last updated

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 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.
Back to top
Was this article helpful? 1 out of 2 found this helpful