We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Product Page

Solved

Product Page

Dawenn
Excursionist
49 0 14

Hello, 🤠

I have a problem with the spacing between the text and the image

 

Shopify Help.png

 

How do I remove these spaces in the indicated places?

My store: tudoconexao.com

Accepted Solution (1)

Ahsan_ANC
Shopify Partner
1420 255 329

This is an accepted solution.

Hi @Dawenn you can add below code to theme.css at bottom but it will remove for all elements, if you want to customize for each product/element then it will to be done in product description editor 

.product-block-list__item .card__section .rte h2{
margin-top:0;
margin-bottom:0;
}

.product-block-list__item .card__section .rte h3{
margin-top:0;
margin-bottom:0;
}

.product-block-list__item .card__section .rte p{
margin-top:0;
margin-bottom:0;
}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 4 (4)

PaulNewton
Shopify Partner
8031 688 1649

@Dawenn just search the forums: product description spacing + themename

But really this is how merchants slowly ruin the design of a site.

Don't wear the designers hat for every little thing.

Whitespace is a customers friend.

 

That site is already really visually noisy removing padding for headings is a good way to make a site seem more cramped , visually noisy and trashy.

Don't.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Ahsan_ANC
Shopify Partner
1420 255 329

This is an accepted solution.

Hi @Dawenn you can add below code to theme.css at bottom but it will remove for all elements, if you want to customize for each product/element then it will to be done in product description editor 

.product-block-list__item .card__section .rte h2{
margin-top:0;
margin-bottom:0;
}

.product-block-list__item .card__section .rte h3{
margin-top:0;
margin-bottom:0;
}

.product-block-list__item .card__section .rte p{
margin-top:0;
margin-bottom:0;
}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Dawenn
Excursionist
49 0 14

Thank you very much, it worked perfectly!🤠

Nicola3
Excursionist
50 2 4

@Dawenn After my checking, it seems like you have already removed the spaces properly. Congratulations!

Nicola3_0-1751447349937.png

If you need further support still, feel free to share more details here. Thanks!