Align Product Review Stars In Product Card

Store Design
, , , ,
1

Hi guys,

Would like to align product review stars in product card to be in the middle between add to cart button and price, and must not change if product title enlarged. In collections and product page. No global codes please that affect other modules.

Screenshot 2023-01-23 132244.jpg
Screenshot 2023-01-23 132244.jpg1920×1040 169 KB

Alliance_0-1674469028194.jpeg
Alliance_0-1674469028194.jpeg999×541 55.3 KB

Thank you,

https://allianceautoproducts.com/

2

@Alliance

do you want to do that

Screenshot (18).png
Screenshot (18).png344×391 30.9 KB

3

Hello @Alliance

Its Artzen Technologies! We will be happy to help you today.

  1. Go to online store > theme > Edit code > Assets > theme.scss (file) and Paste the below code at bottom of the file → Save
.page-container .spr-badge{
    margin-bottom: 15px;
}
#shopify-section-product-recommendations .grid--uniform br{
 display: none;
}

s1.png
s1.png1365×428 58.2 KB

Let me know if need further assistance

Regards,

Artzen Technologies

4

@Alliance

Please add the following CSS code to your assets/theme.css bottom of the file.

.spr-badge { margin-bottom: 20px !important;}

Thanks!

5

I would like to align Product Review Stars status title to be under the stars In Product Card in collections and product page to that all stars in all products cards are aligned and in the center, in mobile view.