How do i get more spacing between the product title, reviews and pricing

Store Design
, , ,
1

Hi, on the mobile version of my website i would like to create more spacing between the producttitle, the reviews (by the Judge.me app) and the title. How do i do this? My website is: https://vinup.nl/en/products/vinyl-record-rack

VinUp_0-1739349985662.png
VinUp_0-1739349985662.png387×588 87.3 KB

2

Hi @VinUp , to do that, please follow our instructions:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find base.css file.

Step 3: Paste this code at the bottom of the file

@media screen and (max-width: 600px) {
    div[data-widget-name="preview_badge"] {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

3

Hey @VinUp

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

RESULT

Moeed_0-1739350314067.png
Moeed_0-1739350314067.png372×667 88.7 KB

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

Best Regards,
Moeed

4

Hi @VinUp

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

@media (max-width: 749px) {
    .product .jdgm-widget {
         margin-top: -12px !important;
        margin-bottom: 8px;
    }
}