How to reduce space between <p> of collapsible row?

Store Design
,
1

Hi everyone,

I’m trying to reduce space between

of collapsible row.

Please check my url: https://189ee3-2.myshopify.com/products/tank-top-1

Thank you!

Screenshot (1).png
Screenshot (1).png578×487 8.37 KB

2

Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code
3

Hi, can you check the Product image too?

I’m trying to scale up the Product image to the size of its container so it can cover the blue frame completely?

51f936e9f22d5873013c.jpg
51f936e9f22d5873013c.jpg1242×2123 173 KB

4

You can add this in style block

.global-media-settings {
    border: none;
}
5

Thank you but I meant the picture size, not the container border. If I remove the blue border, it would reveal the beneath layer border (as in the picture below). And if I remove all the background color, it would leave a white-gap in Mobile view

![IMG_3067.jpeg|1242x2016](upload://wfZwrvt32xti86CfnqbYNFVY6mF.jpeg)
6

I am not see. Are you resolved the problem.

7

Not yet, please access with mobile. I’d like to scale up the img so it can cover the container completely.

8

I see. I think removing the background color is necessary.

@media screen and (max-width: 749px) {
  .product-media-container {
      background-color: none;
  }
}
9

No, then it would leave a white gap. I just color it for easier recognition. I want the image to cover the whole screen width.