Make a opacity based background for product card

VintBazar
Excursionist
33 0 3

Hello folk! i want to make my products have a feint background under the picture like this one have: https://gyazo.com/74cb608f0dfff4620a5acfa74be34529 

 

and i would also like to be able to change the width/heigh on the 'Add to Cart' Button 😃

 

my website: www.readytovintage.com

Reply 1 (1)

PageFly-Richard
Shopify Partner
4338 989 1644

Hi @VintBazar 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product-card-wrapper .card > .card__content {
    background: rgba(0, 0, 0, .1);
    padding: 10px;
}
</style>

PageFlyRichard_0-1713315877798.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.