how to remove white spaces from 'product-single__meta' section

Store Design
1

There is lot of white space between Product name , quantity, size option values etc. I need to reduce them.

My website is www.TOAI.in

2

Hi @SurTri ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.product-single__policies {
    margin: 0 !important;
}

.product-single__policies + .hr--small {
    margin: 10px auto 0px auto !important;
}

#AddToCartForm--product-template {
    margin-top: 18px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

kind of figured it out . Sharing my code:

@media(min-width:769px){
.template-product .product-single__title {
margin-top: -36px;
margin-bottom: 0;
}

.template-product .product-single__policies {
margin-top: 0;
margin-bottom: 0;
}

.template-product .single-option-radio__label{
margin-top: 0;
margin-bottom: 0;
}

}

1 Like
4

Hi @SurTri ,

You can try add more below css code:

.product-single__policies + .hr--small {
    margin: 10px auto 0px auto !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.