How to remove the grey padding below the image as a complementary product?

How to remove the grey padding below the image as a complementary product?

withaudette
Tourist
60 0 23

withaudette_0-1744655642766.png 

withaudette_0-1744655743062.png

 

1. To remove the grey padding below the image

2. Shift the button right below the price point 

3. The button is now only currently shown on hover, i want to remove that and make it static so it's visible

4. To change button to showcase the variants instead of VIEW PRODUCT and then to add to cart

https://www.audette.store/products/lip-treat-glaze (code: test)

 

Reply 1 (1)

Junaid-Ahmed
Shopify Partner
123 23 25

Hey @withaudette,

 

Please add this to your theme.liquid file and it'll accomplish your desired output.

<style>
.accordion__content .card-wrapper { align-items: flex-start }
.accordion__content .card-information__button a { opacity: 1 }
.accordion__content .card-information { padding-block: 0 !important; }
</style>