How can I change the colour and position of my add to cart button?

Store Design
1

Hi there,

I am looking to change the style of my add to cart button as well as change its position now it is positioned above the title of the product but i want it to be below. I also want it to be the same style as the other buttons in my store. Please take a look at the photos included. Would be very grateful for anyone being able to help, I am using the debutify 5.0 theme and this is my store url: Phonesimpel

currently its like the first picture but i want the buttons to be the same style as the second picture so filled out, and below the title. Thankyou very much in advance

Screenshot (54).png
Screenshot (54).png1093Ă—496 151 KB

Screenshot (55).png
Screenshot (55).png1216Ă—403 256 KB

1 Like
2

Hi @niels_127 ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.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:
  4. And Save.
.card.grid-product__wrapper {
    display: flex;
}
.dbtfy.dbtfy-collection_addtocart {
    order: 3;
}
button.ca-button.btn.btn-outline-primary.btn--small.small--full.text-ellipsis.full.radius-none {
    background: #ffb50b;
    color: white;
}
1 Like
3

Thankyou it worked!

4

Welcome, Happy to help. :blush: