How do I edit the "Add to Cart" pop up? Using dawn theme

Technical Q&A
1

christopher_0-1665690911503.png
christopher_0-1665690911503.png394×356 22.8 KB

I’m using the Dawn theme on my site and I want to edit the Add to Cart popup to not show the “view my cart” or “continue shopping” buttons/links.

URL is https://thepetalpro.studio/

2

Hello,

You can remove the 2 indicated buttons by using custom CSS, and adding it at the end of your base.css file.

a#cart-notification-button, button.link.button-label {
  display: none !important;
}

GabrielS_0-1665696708215.png
GabrielS_0-1665696708215.png491×365 24.6 KB

Cheers!

3

So that isn’t working. Maybe I’m adding it to the wrong part of the CSS, not sure. But I just want to remove the “Check Out” button.

Any advice? (only just saw the typo when I was first posting the question)

4

Adding the code that I’ve provided at the end of your base.css file should be working as expected.

If this answers your question, please mark this as the solution.

Regarding your newer request of removing the Checkout button and not the other 2, please open a new topic as this might get confusing to other readers.

Cheers!

5

What CSS would I add if I just wanted to remove the continue shopping link? My continue shopping link is broken and does not do anything when clicked on, so either I find a solution for this or I just remove it.

Thanks!

6

Hello, Thank you so much, but i have a problem, it works in laptop sufer but not in mobile surfer why ?

7

Your solution worked for me but I also have the need to remove the checkout button and keep the View cart button. Did you end up answering this question somewhere else? I couldn’t find it on your profile. I haven’t found any other solution in these forums that has worked, so my fingers are crossed that you’ll respond! :crossed_fingers: Thanks!