Separate Page Format

[tjs198]

I know this is probably easy to do but I can’t figure it out and couldn’t find any related articles.

I’m creating a separate page with sections as a landing page for an online course. How do I format the content section to be smaller (only ~700px wide)?

I tried simple Css but that messes up the background color. trying to recreate this: http://courses.52kards.com/p/the-foundations-of-card-magic

any help would be appreciated?

[Leo]

Hi there,

So basically you want that page to have different container width than the rest of the website?

If yes then you can either add this CSS to the Simple CSS metabox of that page:

.generate-sections-container .grid-container.grid-parent {
    max-width: 700px;
}

Or find the page ID then use this CSS in the global CSS editor:

.page-id-xx .generate-sections-container .generate-sections-container .grid-container.grid-parent {
    max-width: 700px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

didn’t work for CSS to the Simple metabox on the page – still the same width. even tried changing it to 400 px to make sure. any other ideas?

[Leo]

Hmm it should…Can you link me to the page?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

got these warnings:

Warning: stripos() expects parameter 1 to be string, array given in /home2/thearvc9/public_html/wp-content/plugins/jetpack/modules/shortcodes/class.filter-embedded-html-objects.php on line 92

Warning: stripos() expects parameter 1 to be string, array given in /home2/thearvc9/public_html/wp-content/plugins/jetpack/modules/shortcodes/class.filter-embedded-html-objects.php on line 98

[tjs198]

http://www.theartoftravelhacking.com/beginners-course/

[Leo]

CSS shouldn’t give you errors like that.

Can you try clearing or delete W3 Total Cache?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

W3 total cache deleted

[tjs198]

same error messages at simple css

[Leo]

What version of GP premium are you using? Can you try updating to the most recent one?

Then the code should work.

Not sure about the error message, it’s causing by something else. Can you try disabling Jetpack for now?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

GP Premium Version 1.2.94

disabled jetpack – still no go.

i’ll try the page id & global css

[Leo]

Hmm I edited the code a bit above. Can you give it another shot?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

page id & global css didn’t work either

[Leo]

I edited the code here: https://generatepress.com/forums/topic/separate-page-format/#post-325358

Can you give it another shot and clear cache as well? Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tjs198]

that did it – thanks so much!

[Author]

Posts