Why isn't the 'add to cart' button showing in my online store?

Technical Q&A

Topic summary

A Shopify store owner using the Sense theme cannot see the ‘add to cart’ button despite enabling the ‘quick add button’ feature.

Root Cause:
The button exists but is invisible because both the button text and background are white, creating no contrast.

Proposed Solutions:

  1. Theme Settings Approach: Navigate to Online Store > Themes > Customize > Theme settings > Color, then modify the color scheme settings to create visible contrast between button text and background.

  2. CSS Code Edit: Access the theme code editor (Online Store > Themes > Actions > Edit code), locate the CSS file (base.css, style.css, or theme.css) in the Assets folder, and add custom CSS at the bottom:

.shopify-challenge__button, .button, .custom button {
    color: black;
    background: red;
}

Status: The issue remains unresolved as the original poster has not confirmed which solution worked. Both responses provide valid fixes for the color contrast problem.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Please help! There is no “add to cart to button in my store” how to add. I already enabled the “quick add buttom” but still not showing! I am using sense theme

link: maevincollection.com

IMG_5162.jpeg
IMG_5162.jpeg2356×1221 161 KB

IMG_5163.png
IMG_5163.png2388×1668 222 KB

IMG_5164.jpeg
IMG_5164.jpeg689×874 44.4 KB

1 Like
2

Hi @Vince111

The issue is you set the background, and the button’s text color is white, so you cannot see them. Please go to your Online Store > Themes > Customize > Theme settings > Color, edit Schemes setting your store uses for your button to solve it.

Screenshot_2.jpg
Screenshot_2.jpg1521×765 121 KB

Screenshot_1.jpg
Screenshot_1.jpg1463×828 126 KB

3

Hi @Vince111

The default color of the buttons are white, also the background if you cant change it in the Costumize setting you can check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.button, .shopify-challenge__button, .customer button {
    color: black;
    background: red;
}

And save.

Result:

Made4uoRibe_0-1710956448578.png
Made4uoRibe_0-1710956448578.png1598×446 184 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!