system
November 29, 2022, 5:39pm
1
Can anyone help with removing extra white space on the Empire 2.0 theme?
There are many areas on my site that have extra space. I am most interested in removing the space above the grid and above the image with text overlay. See images below.
My store url is: https://alchemyagencygroup.com
I’ve tried all the suggestions from previous posts.
system
November 29, 2022, 5:53pm
2
Welcome to Shopify Community!
Here’s the code to remove the empty space.
.home-section--content, .promo-block--content, .pxs-image-with-text-section {
margin-top: 0 !important;
}
Go to Online Store > Themes > Edit Code
Search for “theme” and open theme.css or theme.css.liquid
At the end of the file, put the code I provided and click Save.
Note that the Stamped reviews widget before the image may add some white space. Unfortunately, we can’t modify Stamped widget’s behavior.
Hello @alchemyagency
You can follow these steps:
Go to Online Store->Theme->Edit code
Open your theme.liquid file, paste the below code before
{% if template contains 'index' %}
{% endif %}
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
system
November 30, 2022, 3:40pm
4
Thanks! This removed a bit of space under the banner. Anyway to remove the rest of the space and the white space under the image with text overlay?