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

Remove button

Solved

Remove button

Sheeks
Pathfinder
109 1 16

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
30 4 16

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
10132 1253 1593

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
WalkYourStyle
Trailblazer
450 54 70

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

 

 

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

 

 

 

Sheeks
Pathfinder
109 1 16

Sheeks_0-1719742378016.png

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

attaboiaj
Shopify Partner
30 4 16

This is an accepted solution.

use this

 

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

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

 

 

Sheeks
Pathfinder
109 1 16

Gosh! It worked!
Thanks!

attaboiaj
Shopify Partner
30 4 16

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
Trailblazer
450 54 70

Sorry I misunderstood your question. Try this code

 

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

 

attaboiaj
Shopify Partner
30 4 16

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
Trailblazer
450 54 70

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