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

collins276 · ‎02-01-2024

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!

MastersHub · ‎02-01-2024

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

collins276 · ‎02-01-2024

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?

MastersHub · ‎02-01-2024

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

collins276 · ‎02-01-2024

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

MastersHub · ‎02-02-2024

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

collins276 · ‎02-02-2024

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

MastersHub · ‎02-02-2024

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

collins276 · ‎02-02-2024

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.

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

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

Community Blog Articles