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

MiuMiu237
Explorer
118 1 24

Hi everyone,

I'm trying to reduce space between <p> of collapsible row.

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

Thank you!

 

Screenshot (1).png

 

 

Replies 8 (8)

MastersHub
Shopify Partner
210 20 36

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

 

<style>
  p {
    margin: 0;
  }
</style>
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MiuMiu237
Explorer
118 1 24

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

 

 

MastersHub
Shopify Partner
210 20 36

You can add this in style block

 

 

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

 

 

 
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MiuMiu237
Explorer
118 1 24

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

 

MastersHub
Shopify Partner
210 20 36

I am not see. Are you resolved the problem.

 
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MiuMiu237
Explorer
118 1 24

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

MastersHub
Shopify Partner
210 20 36

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

 

 

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

 

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MiuMiu237
Explorer
118 1 24

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.