How do I move the text closer to the star rating as shown in the image?

Simon159
Explorer
109 0 21

https://charmente.com/products/long-sleeve-jumpsuit

I want the space that the arrow is pointing at to be a little less so that the text can be closer to the star rating.

IMG_5639.jpg

Replies 2 (2)

ZenoPageBuilder
Shopify Partner
1052 203 217

Hello @Simon159 👋

In Shopify Admin, you can go to Edit theme code, open file theme.liquid and add this code above </head>

<style>
.ali-widget-star-rating {
    margin-bottom: 0 !important;
}

.product__text {
    margin-top: 0 !important;
}
</style>

The result

Screenshot 2024-01-08 at 09.24.14.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

techlyser_web
Shopify Partner
1404 262 276

Hello @Simon159 

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>

    .alireviews-review-star-rating .alr-wh-star-rating-average-number{
         margin-bottom: 0 !important;
     }

</style>

techlyser_web_0-1704695759042.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com