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

Store Design
1

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?

Moisza · Customize Dawn __ OPTIMIZED · Shopify.png
Moisza · Customize Dawn __ OPTIMIZED · Shopify.png1221×609 57.8 KB

Thanks a lot.

Debbie

2

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

3

Hi Ahsan,

Thanks,

Debbie

4

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;
}
5

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.

Square Halo 0.5ct VVS White D Color S925 Moissanite Ring – Moisza.png
Square Halo 0.5ct VVS White D Color S925 Moissanite Ring – Moisza.png4252×1910 486 KB

Is there any simple code to shrink the image?

Thanks a lot.

Debbie

6

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;
	}
7

Hi Ahsan,

Thank you very very much.

Debbie