Home>Support>Padding Between Menu Bar and Hero Widget

Padding Between Menu Bar and Hero Widget

By Brent Bareham, 8 years ago. Last reply by Greg Priday, 8 years ago.

I have a Hero Widget on top of two of my pages and they both have this odd padding between them and the menu bar. I can’t seem to find a way to remove it. I’ve found a few older threads but the CSS coding given in them doesn’t seem to have an effect on the widget anymore.

Your help would be greatly appreciated.

URL: http://lionandluxe.com/our-trainers/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Brent

    Sorry about the wait. We’re only getting the chance to work through some of our free threads now.

    Try the following at Appearance > Custom CSS:

    /* Our Trainers */

.page-id-872.layout-full .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
	padding-top: 0;
}

    To do the same to the other page you mentioned, duplicate the above rule and change the ID 872 to match the ID of the new page. You can get the page ID by going to Pages in WordPress and editing the page in question. Once editing the page, check the address bar, the ID will be in the URL.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More