Remove button

Solved

Remove button

Sheeks
Excursionist
70 1 6

Sheeks_0-1719737837673.png

can anyone teach me how to remove that button on that add to cart button?

Accepted Solution (1)
attaboiaj
Shopify Partner
22 4 4

This is an accepted solution.

use this

 

.button.atc-btn .button-arrow { 
    display: none; 
}

.button.atc-btn:hover {
    background-color: #e61f93;
    color: #ffffff;
}

 

 

View solution in original post

Replies 10 (10)

suyash1
Shopify Partner
9532 1190 1529

@Sheeks - can you share this product page link? it will need css

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
WalkYourStyle
Tourist
120 20 19

Paste this code at the bottom of 'base.css'  or  'theme.css'  or  'style.css'

 

 

.button.atc-btn {
    display: none;
}

 

 

 

Sheeks
Excursionist
70 1 6

Sheeks_0-1719742378016.png

Sorry, its not working. It remove the entire add to cart button

attaboiaj
Shopify Partner
22 4 4

This is an accepted solution.

use this

 

.button.atc-btn .button-arrow { 
    display: none; 
}

.button.atc-btn:hover {
    background-color: #e61f93;
    color: #ffffff;
}

 

 

Sheeks
Excursionist
70 1 6

Gosh! It worked!
Thanks!

attaboiaj
Shopify Partner
22 4 4

Good to help @Sheeks seems like you have lot issue/question on how to change your theme

I highly recommend you read my below post and try to learn it using YT

and ask chatGPT hey this is my html write a CSS to do X 
that's a super power 

WalkYourStyle
Tourist
120 20 19

Sorry I misunderstood your question. Try this code

 

.button{
border-color: #e61f93 !important;
color: #e61f93 !important;
}
.button-arrow{
display: none;
}

 

attaboiaj
Shopify Partner
22 4 4

If it's part of theme see if there is anyway to remove it with there settings


but if that's not the case fix that using HTML/CSS I don't know how much HTML/CSS you know but if you know that's very simple

Inspect your code first you can do open that with
cmd+swift+I
or just right click there is inspect option at the bottom 
it opens like this

attaboiaj_0-1719738179715.png

now go and inspect that icon "better watch some video on how to do that" search for inspect in browser 
once you know that copy that part of code and give it Chatgpt
and ask how to remove this using html/css/js

paste that code in your theme settings and it will remove that

if you share the page I'll fix that. 

WalkYourStyle
Tourist
120 20 19

Why do you want to remove it? How will people proceed to checkout?