How can I eliminate extra white space in the Empire 2.0 theme?

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.

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;
}
  1. Go to Online Store > Themes > Edit Code

  2. Search for “theme” and open theme.css or theme.css.liquid

  3. 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:

  1. Go to Online Store->Theme->Edit code

  1. 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

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?