How can I decrease line spacing in the Shrine Theme using Loox?

Store Design
, ,
1

Hello,

I need to reduce the space between these 3 lines to bring them closer together, especially text and review starts, price is not that important. I’m using the Shrine Theme and a widget for reviews called Loox.

My website: https://nexaco.co/products/luminous-love-bear

reduce-problem.png
reduce-problem.png1110×853 147 KB

2

Hello @Rupert22

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 on theme.liquid

@media screen and (max-width: 767px){ .product__title { margin-bottom: unset !important; } div#shopify-block-loox_reviews_loox_rating_xDABwg { margin: unset !important; } div#price-template--20557345653075__main { margin: unset !important; } }

techlyser_web_0-1708775240608.png
techlyser_web_0-1708775240608.png204×150 7.09 KB

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

3

Hey @Rupert22

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed