Hi,
I am using Vantage Premium and I am utilizing SiteOrigen Pagebuilder. Here is my problem:
I have a page where I want a large image directly below the masthead. I want it to do full width stretch across the page.
So, I make my new page and set –> Page Attributes –> Templates “Full Width Page, no title”
I create my first row in PageBuilder and add ,y image.
I “edit row” and set “Row Layout” –>” Full width, Stretched”
The result is that the image appears, and stretches to fill the screen correctly, but there is still a gap between the masthead and the image. If, Instead, I choose “Row Layout” –>”Standard” the gap between the masthead and the image disappears, they are flush as expected, but of course the image now does not stretch to fill the screen.
Any suggestions? It seems that for whatever reason, choosing the full width stretched option forces the page to disregard the “no title” aspect of the layout.
Thanks.
Hi Cailin
I’m surprised to hear there is ever no gap there. There should always be a gap there. Only Meta Slider which is placed before the content area is outside of the container that pads that gap into existence.
If for example this was the home page, we could resolving using Custom CSS as follows:
.home #main { padding-top: 0; }We can do this for any page by inspecting the page source, locating the body tag and finding the unique class in the body tag, that class name will replace home in my example above.
If you send through a link we could help further.
Hi Andrew, Thanks for getting back. I have made 2 mock up pages on my test site for you to examine.
http://help.colesoft.com/new/company-2/
This page has the following settings: “Page Attributes” –>”Page Template” –>”Full width page, no title”
PageBuilder –> “edit row” –> “layout” –> “Full width, Stretched”
http://help.colesoft.com/new/company-3/
This page has the following settings: “Page Attributes” –>”Page Template” –>”Full width page, no title”
PageBuilder –> “edit row” –> “layout” –> “Standard”
If there are other settings or choices you would information on just ask. Thanks very much.
Thanks. Edit the full width row in question, click the Attributes tab on the far right. Enter the following in as a CSS Class:
Then under Appearance > Custom CSS enter:
/* Page Builder */ .layout-full .no-top-padding.panel-row-style { padding-top: 0; }We’ll hopefully introduce specific row padding options to Page Builder in a future update.
Perfect, works great. Thanks for your help again, I appreciate the quality of support here.
Super, glad that helped with this one.
I just discussed this thread with Greg. We’ll be introducing padding controls for each side of the row in the next few months. Right now you can only change padding around the entire row.
All the best.