Remove image container space from collection banner

MLaurex · ‎03-25-2023

Hi, I'm trying to adjust the line spacing between the title and body texts, and remove the image container in the collection banner.

When there is no image, it leaves a blank space to the right of the title and text (see image).

I was able to align the text by going to sections→component-collection-hero.css but can't seem to make the image container go away, and adjust the distance between the title and body text.

I looked in main-collection-banner.liquid, found the image container div tag but can't/don't know how to remove the image container/blank space.

Thanks in advance.

made4Uo · ‎03-25-2023

Hi @MLaurex,

Can you share your website so we can provide a code specific for you?

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

GemPages · ‎03-25-2023

Hi @MLaurex

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

MLaurex · ‎03-26-2023

Thanks for the prompt replies. I forgot to mention the theme is Studio, which I heard is similar to Dawn theme.

The theme is not live yet, its still in draft mode.

JBMartin · ‎04-13-2023

I have this very same problem. Did you find a solution at all? Thank you.

Remove image container space from collection banner

Remove image container space from collection banner

GemPages - Build any high-converting store pages for any business

Community Blog Articles