Dawn Theme - NARROW the gap of lines in Collapsibe Row contens with Metafield

[Debbie19]

Hi there,

I use Collapsible Row content with Metafields to show the details of items on the Product Page.

The gaps between lines are too big. Is there any method (Add code) to narrow the gaps?

Thanks a lot.

Debbie

[Ahsan_ANC · Accepted solution]

Hi @Debbie19 ,

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

.accordion__content p {
    padding: 0 !important;
    margin: 0 !important;
}

[Ahsan_ANC]

Hi @Debbie19 ,

Thank you for reaching out to the Shopify Community!

Please share your store URL here so that we can check and provide a solution to you.

Thanks & Regards,
Ahsan ANC

[Debbie19]

Hi Ahsan,

moisza.com

Thanks,

Debbie

[Ahsan_ANC · Accepted solution]

Hi @Debbie19 ,

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

.accordion__content p {
    padding: 0 !important;
    margin: 0 !important;
}

[Debbie19]

Hi Ahsan,

Thank you very much. Your code works, and the presentation looks much better.

Also, on the main product page, I use the pop-up window to show a size table that is too big.

Is there any simple code to shrink the image?

Thanks a lot.

Debbie

[Ahsan_ANC · Accepted solution]

please use the below code you can increase/decrease the value 50% to your choice

.product-popup-modal__content-info{
  text-align-last: center !important;
}
.product-popup-modal__content img {
    max-width: 50% !important;
	}

[Debbie19]

Hi Ahsan,

Thank you very very much.

Debbie