Hello Guys!!
I’m using the Brooklyn them and I hate how the product description looks especially on mobile as there is a huge space between paragraphs and images…
Is there a way to reduce the spacing please??
1 Like
Hello There,
Please share your store Screenshot.
So that I will check and let you know the exact solution here.
share store url
@ZestardTech Below are the screenshots of the issue that I have…I want to reduce those spaces because the store looks ugly… Thank you so much. Those screenshots are on the desktop by the way.
1 Like
Hello There,
Please share your store url.
So that I will check and let you know the exact solution here.
Okay, thank you brother.
1 Like
add this at the bottom of theme.css file . This is for product page
.rte h3 {margin-top:0em !important;
margin-bottom:0em !important;}
.rte p {margin-bottom:0px !important;
}
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
.product-single .product-single__description {
margin-top: 20px;
}
.product-single .product-single__description h3 {
margin-bottom: 20px;
}
.product-single .product-single__description p {
margin-bottom: 15px;
}
}
@ZestardTech Thank you bro… but it did not work.I still see those ugly spaces.
@Sajeel Is this for the product page description?? I have used the below code but did not work.
add my code and let me know i will check on your store you added the code on right place or not. yes it will work on product page
use this code it will work
.rte h2 {margin-top:0em !important;
margin-bottom:0em !important;}
.rte p {margin-bottom:0px !important;
}
.rte h4 {margin-top:0em !important;
margin-bottom:0em !important;}
.rte h3 {margin-top:0em !important;
margin-bottom:0em !important;}
Which code should I use? the first or the second one that you just sent? And will that work for all the producut descriptions? even the ones I may add in the future?
yes it will work use the code which i shared with you with screen shot
@Sajeel Thank you bro… It worked but for one product page that contains GIFS, they are still not good. There is a very wide gap between the GIFS themselves and the GIFS and the text.
share one link i will set css for gifs also
@Sajeel The link to the product description page???
i think you are talking about this image if i am not wrong .
This is because your bottom image have white area around . There is no space or margin padding
@Sajeel No here is the prdoduct description I’m talking about: https://notiqa.com/products/hand-operated-apple-peeler-multifunctional-peeler-household-peeling-and-shaving-planer-automatic-peeler-fruit-cutting-artifact