Add to cart box is black and cannot add white text on font

Hi there

I have a issue and try to figure it out, but i cannot change it and i want the color on the font to be white and there is just a black box. While hover you can read the box and you can see the text, but the hover is ok and the box is hopeless.

Hope someone out there can help me out so i can get white on the add to cart box, any ideas i will try dem out for sure. :slight_smile:

Thank you in advance and i will try out every suggestions. :slight_smile:

Store:

www.dekanten.no

Attached a screenshot

I checked the live storefront. The collection Add to cart buttons have a dark background (rgb(28, 28, 28)), but their computed text color is also dark (rgba(0, 0, 0, 0.75)). The affected element is the CleverApps collection button, not the normal theme button.

First duplicate the theme, then try this in Online Store > Themes > Edit theme > Theme settings > Custom CSS:

.cleverapps-collections-add-to-cart-add-to-cart-button {
  color: #fff !important;
}

The !important is useful here because the app’s stylesheet is overriding the theme color. After saving, check one collection card on desktop and mobile, including normal, hover and keyboard-focus states. If you want the change limited to one section, put the same rule in that section’s Custom CSS instead of the theme-wide field.

Hey @Dekanten

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
button.cleverapps-collections-add-to-cart-add-to-cart-button {
    color: white !important;
}
</style>

RESULT:


Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

Thank you @Moeed and @kai_xing this work like a charm, and you save my day after i see these bugs and everything is just fine again. Really glad this work out. :slight_smile: Huge thumbs up guys :+1:

Happy that sorted it. Store’s in good shape overall, which is rarer than you’d think. If you ever want a second pair of eyes on something bigger, I’m around.

Best,
Moeed