Solved

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

Frazer1
New Member
16 0 0

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
7538 1454 1452

This is an accepted solution.

Hi @Frazer1 

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 or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @Frazer1 

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 or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

techlyser_web
Shopify Partner
1423 268 282

Hello @Frazer1 

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.

Techlyser || 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