Page builder tweak

[Zac Manor]

Is there any way to make the first widget int he page builder to meet the top of navigation bar?

there is a space between that “shows the page behind it.”

[Bill Robbins]

Hi Zac,

One way to do that would be to change the top margin on the page wrapper just on this page. It works by combing the page id with the margin change. Here’s what it looks like:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .page-id-1122 #page-wrap {
   	margin-top: 30px;
   }
   
   

3. Update your settings.

See how that works for you,
Bill

[Zac Manor]

What would this look like to do to all pages?

[Bill Robbins]

Unfortunately the plugin doesn’t add any body classes for us to hook into here. One option would be to change the full width page template to be like this. The snippet for that would be like this:

.page-itemplate-page-full #page-wrap {
	margin-top: 30px;
}

Then if you needed to have the normal top margin on another page using that template you would do that in conjunction with the page id:

.page-itemplate-page-full.page-id-1122 #page-wrap {
	margin-top: 130px;
}

Basically you want the default top margin to be what’s used most often and the exception that you have to manually set to be what’s used least.

[Author]

Posts