Customise quick add section

Store Design
,
1

I want that the pictures from that section to have a border radius of 4 px, and the quick add button to be black, with white writing and to have padding, left and right. Please help me!

Screenshot 2024-06-14 at 12.05.16.png
Screenshot 2024-06-14 at 12.05.16.png948×1022 85.3 KB

2

Hello @robertsolcan Please kindly send me the website URL so I can check.

1 Like
3

Hey @robertsolcan

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

4

https://bymo.ro/products/seturi-scurti-montana-mov

5

The quick add button is in the draft theme

6

https://bymo.ro/products/seturi-scurti-montana-mov , also the quick add button is in the draft theme

7

https://qjootzptem1grz6g-83565773146.shopifypreview.com

8

Hello @robertsolcan thank you for your reply can you please send me a preview link please so I can give you the exact CSS for a button?

here is the image CSS

Step-1 :- Go to Online Store----------->Theme-------------> Edit code------------> find a file “component-complementary-products.css”
at the very end add this code

.complementary-products .card__media .media img {
    border-radius: 4px;
}

Here is the button CSS
Step-1 :- Go to Online Store----------->Theme-------------> Edit code------------> find a file “component-complementary-products.css”
find this code in line number 1

.complementary-products__container .quick-add__submit {
    padding: 1.5rem 0;
    min-height: inherit;
}

replace with this one

.complementary-products__container .quick-add__submit {
    padding: 1.5rem;
    min-height: inherit;
}
1 Like