Re: Reducing space between lines

Solved

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

Rupert22
Excursionist
62 0 6

 

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

RuppJou
Accepted Solution (1)

techlyser_web
Shopify Partner
1849 345 373

This is an accepted solution.

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

<style>
@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;
    }
 }
</style>

techlyser_web_0-1708775240608.png

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

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

View solution in original post

Replies 2 (2)

techlyser_web
Shopify Partner
1849 345 373

This is an accepted solution.

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

<style>
@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;
    }
 }
</style>

techlyser_web_0-1708775240608.png

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

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

Moeed
Shopify Partner
4403 1135 1394

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 </body> tag

<style>
@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;
    }
 }
</style>

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️