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:
- Increase the size of the product name and make it bold
- Reduce font size of the price so that it fits in one row
- 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.
Hello @RaghavGoel1
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
@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;
}
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
