Docs

[Brock B]

On the page below, I’m struggling to figure out how to add more columns to what I currently have. On my page “Services” I have nice columns, I wanted to use that exact same format for a new page I’m creating. I copy and pasted the exact same text in the dashboard to the new page. The original content was fine so I updated it to reflect my new content on the new page, but when I tried to add more columns, I began having issues. As you can see everything is lined up under the 3rd column. How do I ensure that everything lines up evenly just like the first two. Any suggestions?

http://paradisevalleyproductions.com/pricing-v3/

[Rue Nel]

Hello There,

Thanks for writing in! Instead of using column shortcodes, you can build your page by using Cornerstone instead. You can have the same number of columns, you can drag and drop elements into the columns and prevent inserting any invalid code that might messed up the page just as what happened to the page right now. If you have already built the page with Cornerstone and would like to copy the same format, you can make use of the templates feature of Cornerstone. Save the page as template and you can re use it to start building a new page. Hope this make sense.

To know more about Cornerstone, please check out our knowledge base here:
https://community.theme.co/kb/cornerstone-introduction/
https://community.theme.co/kb/cornerstone-interface-introduction/
https://community.theme.co/kb/cornerstone-interface-layout/
https://community.theme.co/kb/cornerstone-interface-elements/
https://community.theme.co/kb/cornerstone-interface-settings/

And to save you from trouble, I have created a test page here:
http://paradisevalleyproductions.com/an-x-test/
http://paradisevalleyproductions.com/an-x-test/?cornerstone=1

Hope this helps.

[Brock B]

Fantastic! Thanks!

[Rahul]

Glad we could help you.

Let us know if you have anything else to ask, we’d be happy to assist you with everything.

Thanks.

[Brock B]

I’d really like to see how this page would look if it were full width (on desktops) on the page but it doesn’t seem to be letting me do that. Any suggestions?

http://paradisevalleyproductions.com/an-x-test/

[Friech]

Hi There,

Your site has a max-width of 930px. You can see that on Customizer under the Layout and Design panel look for the Site Max Width option. To remove that limit specifically to this page http://paradisevalleyproductions.com/an-x-test/ add the code below on your Custom CSS on Customizer.

.page-id-7342 .x-container.offset {
	max-width: 100%;
	width: 100%;
}

And then can turn off your ROW’s column container option, to let your ROW’s go fullwidth.

Hope it helps, Cheers!

[Author]

Posts