How can I reduce spacing in a product description using Brooklyn code?

Hello! I would like to reduce this spacing between my product style and its description:

any tips? I have the brooklyn code

Thank you!!

1 Like

@InesBourgeois

Please share store URL!

Thanks!

Your Store Is Password protected.
Kindly Share your URL & password.

hello @InesBourgeois

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

1 Like

hi! shopifylesizmoor2021 thank you

@InesBourgeois

Not working URL

Thanks!

URL is lesizmoor.com

1 Like

@InesBourgeois
store Password

@InesBourgeois

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

#shopify-section-16299182391c82529a .grid__item.large--seven-twelfths.medium--seven-twelfths.text-center {
    padding-left: 0px;
    padding-right: 0px;
}

Thanks!

@InesBourgeois

Css for product page

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.product-single .grid__item.large--seven-twelfths.medium--seven-twelfths.text-center {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

Hi, the space is still there when I add it

Would you happen to have any other ideas?

Thank again!

@InesBourgeois

Try this Css for product page

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.product-single .grid__item.large--seven-twelfths.medium--seven-twelfths.text-center {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

it still looks the same :disappointed_face:

@InesBourgeois

Please share correct screenshot with arrow what do you want

Thanks!


:slightly_smiling_face:

@InesBourgeois

Try this csss class

.product-form__item fieldset {padding: 0px !important;}
.product-single__description {padding: 0px !important;}
.product-single__policies {margin: 0px !important;}

it worked! thank you!!