IMPORTANT PLS: Help needed with formatting of product card

[RaghavGoel1]

Hey, 

Need help with fixing the arrangement and style of the content in the product cards in the featured collection section. 

 
(I've added judge.me app for reviews) 

I want to: 
1) Increase the size of the product name and make it bold
2) Reduce font size of the price so that it fits in one row
3) Increase the spacing between the price and add to card button

Link to my site - https://f40566-d3.myshopify.com/

Would be grateful if someone could help fix these, I've been trying myself since hours. 

Thanks a lot in advance.

[niraj_patel]

Hello @RaghavGoel1

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
ul#Slider-template--15885066174541__featured_collection_YKLPGH .full-unstyled-link {
font-size: 14px !important;
font-weight: 900;
}
ul#Slider-template--15885066174541__featured_collection_YKLPGH .quick-add__submit.button.button--full-width{
margin-top: 20px !important;
}
ul#Slider-template--15885066174541__featured_collection_YKLPGH .price--on-sale .price__sale {
display: inline-flex !important;
flex-direction: unset !important;
flex-wrap: unset !important;
}
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.