Docs

[wbgTHEMECO]

When I build a page with Cornerstone, additional divs and classes are used to achieve the layout.

If I don’t need the complex layout options of Cornerstone, I have pages built using the standard WordPress editor. However, when I do that, it doesn’t have those additional divs and classes, which throws off the page content margins and paddings.

My question, is there a better way for me to have consistent layouts between Cornerstone versus WordPress built pages other than adding in a surrounding [content_band] shortcode?

[wbgTHEMECO]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

Can you provide us the url of the page you are having an issue so we can take a closer look.

To be consistent, you need to follow shortcode standards.

Columns

[wbgTHEMECO]

This reply has been marked as private.

[Friech]

Hi There,

That is because Cornerstone wraps the content on a Section, Row, and Column structure. On this page http://livoniatool.webfactional.com/how-we-do-it/ the Section provides you a padding (20px), which add a little gap between headline (Rack Fabrication) and the breadcrumbs.

The Row provides a max-width so the content won’t go full-width. On the classic text editor you don’t have this Section and Row.

We can add a max-width and padding to the contain wrapper so it act as the ROW. You can add this on your custom CSS.

.page-template-default .entry-wrap {
	max-width: 1170px;
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

The issue with this though is it will affect the page built in Cornerstone, which mess up the ROW width.

So I advice either you add the custom CSS code, and built all your pages on classic text editor. Or built all your pages on Cornerstone so it will have the default width and spacing.

Thanks.

[Author]

Posts