HELP: Removing White Space on Product Page (Debut Theme)

Solved
Tourist
4 0 1

Hey everyone, 

 

For some reason there continues to be an unnecessary white space between the "BUY IT NOW" button and product description on my product page (I am using the debut theme). I am worried that this is hurting my conversion rate and cannot seem to find a solution anywhere. If anyone knows how I can remove this unnecessary white space and would like to share, it would be much appreciated. 

 

Thanks in advance!

0 Likes
Highlighted
Shopify Expert
665 170 201

Hi, @EricNoahL ,

This is Evita from On The Map.

 

You will need to add CSS code to the theme. Can you add your store URL, so I cloud to show you what and where you should add the code?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
4 0 1

Hi Evita,  

 

I just DM'd you my URL. Thank you!

1 Like
Highlighted
Shopify Expert
665 170 201

Do you mean this space - https://prnt.sc/pd1asm ?

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
4 0 1

No, I mean the white space in between "BUY IT NOW" button and "Purchase at Discounted Prices Table" on the right side! Also want to remove the white space in between "7 Day Refund Policy" and "Live in Peace and Comfort". Thanks!

0 Likes
Highlighted

Success.

Shopify Expert
665 170 201

Add this code to Assets/theme.scss/liquid file at the bottom. You can play with pixels as you want, so the spacing is perfect for you. 

"7 Day Refund Policy" and "Live in Peace and Comfort" white space:

.rte h1{
    margin-top: 15px!important;
}

 And for  "BUY IT NOW" button and "Purchase at Discounted Prices Table"  it's here - https://prnt.sc/pd1heb ?

Because I don't see "Purchase at Discounted Prices Table" text.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
4 0 1

Yes, that is correct. If you can let me know how to remove the white space above the "Purchase at Discounted Prices" that would be great! Thanks again :)

0 Likes
Highlighted

Success.

Shopify Expert
665 170 201

Here you go! :)

.ba-vol-wrapper {
    margin-top: 0px!important;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Shopify Expert
665 170 201

If everything works fine, then can you accept it as the solution? :)

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
New Member
1 0 0

want to put ssl secure 256 bit encryption directly under add to cart button; for my last store different theme I used

.product-single__description {
  margin-top: 0px;
    text-align: left;
}
In the timber.sccs file
but this theme does not have the timber file does anyone know how to do this.
 
Thanks.
0 Likes