How to remove spacing between hero banners?

[DaveyAlcatraz]

Hi everyone,

How can you remove the spaces between these hero banners on the Bullet theme? here's the URL to inspect.

https://alcatrazgear.com/products/gt280-wireless-headphones-touch-control-earbuds-led-display-headse...

[BSSCommerce-HDL · Accepted solution]

Hi @DaveyAlcatraz, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.shopify-section:has(.hero) {
    line-height: 0 !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍