How can I reduce this empty space

Hello, thank you for sharing your theme, it’s nice

Please how can I remove the weird empty white space just after the wish list title on this page https://bit.ly/37o8tqG

The white space is also present just before the footer on the checkout page and sidebar. Thanks

Hi,

Thank you for contacting us.

If I could get the area you need help with, you would add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-id-489 .content-area .entry-content,
    .page-id-489 .content-area .entry-content .tinv-header > h2 {
      margin-top: 0;
    }

If the code doesn’t work for you, please take a screenshot with some annotations to directly point the location, and share as you reply.

Regards,
Kharis
aThemes Support

Thank you, your solution helped but the space is still quite wide.

Thanks

Also, on every page that has the sidebar, there’s also a large white space before the footer

Thank you

Hi,

Thank you for sharing the screenshots. Try adding this CSS code to your site’s Additional CSS.

    @media only screen and (max-width: 992px) {
      .page-id-489 .content-area .entry-content,
      .page-id-489 .content-area .entry-content .tinv-header > h2 {
        margin-top: 0;
      }  
      .page-id-489 .page-header {
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .page-id-489 .site-content {
        padding-bottom: 0;
      }
    }

Regards,
Kharis
aThemes Support

1 Like

Thank you, it worked perfectly!

However, I tried to modify the css for the /checkout page by changing the page id but it didn’t work.

You’re welcome!

You can get the exact CSS class selector attributed to the body tag on checkout page by using web browser’s inspector tool.

Regards,
Kharis
aThemes Support

1 Like