We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How do I remove white space above add to cart buttton?

Solved

How do I remove white space above add to cart buttton?

VIB1
Tourist
17 0 1

Hey all, my product page seems to have a big gap between the quantity picker, and add to cart button. Any ideas what may be causing this, and how to remove it? Here is the link. Is there any way to fix this with custom CSS in the theme editor?

Screenshot 2024-02-27 at 6.16.11 PM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

Hi @VIB1 

I'm Dan from Ryviu: Product Reviews & QA

This space belongs to 3rd party app (Giftship: Gift Options & More), if you don't use it anymore then you can remove it to remove the space or add this code below to your theme.liquid file in Online Store > Themes > Edit code 

<style>
#gsAppContainer { display: none; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

Hi @VIB1 

I'm Dan from Ryviu: Product Reviews & QA

This space belongs to 3rd party app (Giftship: Gift Options & More), if you don't use it anymore then you can remove it to remove the space or add this code below to your theme.liquid file in Online Store > Themes > Edit code 

<style>
#gsAppContainer { display: none; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

niraj_patel
Shopify Partner
2391 516 516

Hello @VIB1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
.product__info-container .product-form{
    margin: 0.5rem 0 !important;
}
.product__info-container>*+* {
    margin: 0.6rem 0 !important;
}
</style>

techlyser_web_0-1709090892677.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com