Top and Bottom Paddings

The Omniverse theme uses top and bottom paddings for the Main Page Wrapper to ensure WooCommerce templates display correctly and maintain a visually balanced layout.

However, this padding can sometimes create gaps between the header and the main content on the homepage of some demo pages or between content and the footer.

---

Removing Gap at the Top #

If a gap appears between the header and the main content:

1. Go to: Dashboard → Pages
2. Find the page you want to edit and open it.
3. Select the top row (upper section of the page) in the page builder.
4. In row settings, set:

margin-top: -40px;

This will reduce or remove the unwanted gap.

---

Removing Gap at the Bottom #

The bottom padding of the Main Page Wrapper can create a white space between the pre-footer and the footer, especially if the footer or pre-footer has a dark background.

To fix this:

1. Go to: Theme Settings → Footer → Pre-footer area
2. Select the HTML block or row used in the pre-footer.
3. Set the following CSS for the last row:

margin-bottom: -40px;

Notes:

• If the template has multiple rows, apply the margin-bottom to the last row only.
• If there is no pre-footer, the last content row with a colored or image background may create a gap between content and footer. In this case, set the margin-bottom on the last row of the page.

---

This ensures the page layout looks seamless without unnecessary gaps, while keeping WooCommerce templates properly aligned.