Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Add to cart button not working after adding code to base.css

Add to cart button not working after adding code to base.css

Zogi
Tourist
7 1 1

Hello. I have a huge problem. I have added the following code to the end of my base.css file to change all of the buttons on my page (From this thread: https://community.shopify.com/c/shopify-design/how-to-bold-button-text-in-the-dawn-theme/m-p/1476077). I am also using Dawn theme.

 

The code:

.button, .button-label, .shopify-challenge__button, .customer button {
    font-size: 1.5rem;
    letter-spacing: .1rem;
    line-height: 1.2;
    font-weight: 900 !important;
}

It did work properly in changing my buttons, but my Add To Cart button stopped functioning properly. As you know, when you click on the add to cart button, a pop up appears on the cart (in the top right corner), and it says your item has been added to cart, and a checkout button and view cart button appears usually, but since adding this code, this has stopped working.

My website: https://67ec63-2c.myshopify.com/products/tommy-hilfiger-veci-m-manji-l

 

I have tested this on 4 different devices, and in Incognito mode as well and the same thing is happening on all devices. Nothing happens when I click the button. I have to refresh the page for the item to be visible in my cart on most devices. On one of the devices I tried this on, is even worse, because when I click on the button it just starts spinning, and doesn't stop. If I refresh the page on that device, the cart is still empty, which is even worse.

 

The worst part is, that I have removed the code, was hopeful it is going to work, but it didn't. I have only added the code to my main theme, and even if the code is not there anymore, the buttons are all STILL formatted, like when the code is there. I have also tried changing my themes to some earlier back-ups, where I have never added the code, but the buttons are STILL formatted on ALL of the back ups I tried, without me ever touching them or adding the code to those back-ups. :'(

 

Please help me with this. I feel horrible because of this.

 

 

 

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
9076 2168 2677

Hi @Zogi 

I feel your frustration, but when I check your store and try the add to cart. This is what it come. 

Made4uoRibe_0-1715264401035.pngMade4uoRibe_1-1715264439664.pngMade4uoRibe_2-1715264454791.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Zogi
Tourist
7 1 1

In the mean time I contacted Shopify support and it seems to be sorted now. Thank you so much for your reply!

Made4uo-Ribe
Shopify Partner
9076 2168 2677

That is good to hear then. 😊

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.