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.
Was this article helpful?
1 out of 1 found this helpful
Questions?
Get help
  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7