Space removal below Add to Wishlist

Store Design
,

Topic summary

A user seeks to reduce excessive spacing below the “Add to Wishlist” button on a product page, decrease the product title font size, and add a smaller subtitle beneath the title.

Solutions Provided:

  • Title font size: Add CSS targeting .product__title h1 with custom font-size value
  • Spacing reduction: Multiple CSS approaches suggested:
    • .product-description { padding-top: 0px !important; }
    • .product-form { margin-bottom: 0px !important; }
    • .product__description { margin-top: -25px !important; } (final working solution)
  • Subtitle visibility: Access through Theme Customizer > Product Page > Product Information

Outcome:
The issue was resolved using the negative margin approach on .product__description. The user confirmed the spacing fix worked successfully. One contributor offered free customization assistance via collaborator code if needed.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Please check this product page. There is too much space below “Add to Wishlist” How to take care of that

URL : https://goaadya.com/products/front-open-round-neck-ajrakh-blouse-4

Also want to reduce the product title font size and a small desc below title in much smaller font

2

Aadya_0-1735406408608.png
Aadya_0-1735406408608.png1018×422 26.7 KB

Title and Desc I like this way.

3

Hi @Aadya ,

Thank you for sharing the details! Here’s how you can address the issues:

  1. To reduce the product title font size:
    Add the following CSS to your base.css file:
.product__title h1 {
    font-size: 45px !important;
}

You can adjust the 45px value to get the desired font size.

  • To reduce the space below the “Add to Wishlist” button:
    Add this CSS:
.product-description {
    padding-top: 0px !important;
}

This will remove the extra space. You can tweak the 0px value as needed.

Regarding the subtitle, I noticed it’s currently hidden, so I couldn’t guide you on adjusting its font size. If you unhide it and need further assistance, feel free to let me know.

Let me know if you have any questions! If it’s to technickle, we’d love to do this for you for free. You can share you collaborator code at hello@untechnickle.com and we’ll take care of the customizations.

Best regards,
Shreya | Untechnickle

4

Thanks Shreya. Can you tell me how to unhide subtitle ?

Also i am still not happy about font or spacing between Add to sihlist and Details section. See the image below

Aadya_0-1735410467865.png
Aadya_0-1735410467865.png1018×1186 59.3 KB

5

To reduce the space further below the add to wishlist button, add this CSS too:

.product-form {
margin-bottom: 0px !important;
}

To unhide the subtitle, you’ll have to visit the theme customizor. Under product page → product information → you’ll find it. Hope this helps :slightly_smiling_face:

  • Shreya
6

its not reducing the gap. I did update it.

7

What kid of charge it would attract. Also from where I can find the colloborator code.

8

Hi @Aadya

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.product__description {
    margin-top: -25px !important;
}

Here is the result:

image_720.png
image_720.png720×381 173 KB

I hope this helps

Best,

Daisy

9

This worked thanks