How to reduce gaps between tabs in Expanse these

[jenningsandcox]

Hi there

I am looking for the correct code to use in order to close the gaps between the different tabs I have on my default product page.

I use EXPANSE theme, and in the "product" block use several tabs to display information such as measurements, shipping information etc however the gaps in between the tabs are too large and so I am looking to condense them down.

Any help or advise is much appreciated.

Many thanks

[sahilsharma9515]

Hi @jenningsandcox 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

[Moeed]

Hey @jenningsandcox 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[jenningsandcox]

Hi Moeed,

The url is:

https://www.jenningsandcox.com/collections/new-arrivals/products/antique-wooden-trug-with-handle-19t...

No password required.

Many thanks

[Made4uo-Ribe]

Hi @jenningsandcox 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.product-block {
    margin-bottom: 10px !important;
}
.product-block.product-block--tab {
    margin-bottom: 15px !important;
}

• And Save. 
• Result:
• 

  Note: The original size are 20px and 30px on the tab. 

[jenningsandcox]

Hi there

I only have theme.js in my asset folder, none of the other that you suggested however, it does work when pasted into the custom CSS section when customizing the product page - I'm assuming it would be fine to leave it there?

Many thanks