How can we improve the style of our collection products?

[Alliance]

Hi Guys,

How can we style collection products to look like the following :

Thank you

Allianceautoproducts.com

[Akibhusen]

@Alliance ,

would you like to display the product list as the attached screenshot?

[Alliance]

The pic container and title separately.

[PageFly-Victor]

Hi @Alliance

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.scss.css

[data-pf-type="ProductMedia"]{
box-shadow: inherit;
}

Hope this answer helps.
Best regards,
Victor | PageFly

[Alliance]

It is not working. I guess something missing in the code.

[PageFly-Victor]

You can use the new code to fix it, as I see your page built by app PageFly you can contact to PageFly we can help you n the fastest way,

[data-pf-type="ProductMedia"]{
box-shadow: unset !important;
}

[Alliance]

Didn’t work.

[Alliance]

Hi buddy,

Can you share the code for that? Thank you

[PageFly-Victor]

You can try this code to fix it

.__pf_DiUzfvRq .pf-70528f5d26f9-108_, .__pf_DiUzfvRq .pf-70528f5d26f9-128_, .__pf_DiUzfvRq .pf-70528f5d26f9-148_, .__pf_DiUzfvRq .pf-70528f5d26f9-168_, .__pf_DiUzfvRq .pf-70528f5d26f9-209_, .__pf_DiUzfvRq .pf-70528f5d26f9-256_, .__pf_DiUzfvRq .pf-70528f5d26f9-276_, .__pf_DiUzfvRq .pf-70528f5d26f9-296_, .__pf_DiUzfvRq .pf-70528f5d26f9-316_, .__pf_DiUzfvRq .pf-70528f5d26f9-336_, .__pf_DiUzfvRq .pf-70528f5d26f9-376_, .__pf_DiUzfvRq .pf-70528f5d26f9-403_, .__pf_DiUzfvRq .pf-70528f5d26f9-430_, .__pf_DiUzfvRq .pf-70528f5d26f9-450_, .__pf_DiUzfvRq .pf-70528f5d26f9-470_, .__pf_DiUzfvRq .pf-70528f5d26f9-81_{
box-shadow: none !important;
}

.__pf_DiUzfvRq .pf-70528f5d26f9-277_, .__pf_DiUzfvRq .pf-70528f5d26f9-82_{
box-shadow: none !important;
}