Need to change/add padding

Problem one: For the phone version, how can i add padding for the featured collection product?

Problem two: For the product page, how can i add padding for the product page main image?

Theme: Prestige

Link one: https://prettycious.com/
Link two: https://prettycious.com/products/i-want-you-to-believe-deep-in-your-heart

Hi @memahmudhassan

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


While reviewing your page to address the issue, I noticed that your product page looks nice, warm, and elegant. However, I have one suggestion to make your store design and brand more unique: Consider to add the Product review to your product section on both pages ( Home and Product )

Adding reviews will make your product more trustworthy.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

Hello @memahmudhassan ,

For Link one: https://prettycious.com/

You can try this code: it might be helpful to you-

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css → add below the code(bottom).

@media screen and (max-width: 767px) {
#shopify-section-template--22717424009532__featured_product_WNiRzp {
    padding: 20px;
}
}

Link two: https://prettycious.com/products/i-want-you-to-believe-deep-in-your-heart

You can try this code: it might be helpful to you-

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css → add below the code(bottom).

.product-gallery[allow-zoom] .product-gallery__media {
    padding: 12px;
}

Thanks, it worked!