Space removal below Add to Wishlist

[Aadya]

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

[Aadya]

Title and Desc I like this way.

[TheUntechnickle]

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

[Aadya]

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

[TheUntechnickle]

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 🙂

- Shreya

[Aadya]

its not reducing the gap. I did update it.

[Aadya]

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

[DaisyVo · Accepted solution]

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: 

I hope this helps

Best,

Daisy

[Aadya]

This worked thanks