Homepage content using Styling from the CMS / CKeditor
Some paragraph about some stuff.
Heading 2! Woot It's an H2! Yes WE CAN ADD COLOR to headings and text in the cms! YAYYYYY. Just select the text you want to change, and select the color from the "text color" drop menu. The colors will be customized to match your brand.
then some more stuff, n then some shit.
Well Gowleee, an H3. You never know what you're gonna git. make some changes
Lo-fi blog blackbird spyplane roof party before they sold out lomo vice, biodiesel narwhal. Freegan selvage pabst DSA. Direct trade praxis slow-carb celiac bushwick everyday carry subway tile lo-fi kogi. Asymmetrical blackbird spyplane fanny pack, etsy scenester JOMO snackwave chicharrones.
Tousled tofu skateboard ethical activated charcoal distillery gatekeep seitan yr kale chips before they sold out sustainable freegan knausgaard. Poke paleo bicycle rights Brooklyn cray. Cold-pressed occupy XOXO VHS bespoke, subway tile aesthetic pug unicorn you probably haven't heard of them microdosing iPhone. Unicorn drinking vinegar slow-carb thundercats narwhal tonx, brunch pop-up kinfolk green juice.
Locavore grailed polaroid 8-bit taiyaki. Artisan deep v vice schlitz, lo-fi letterpress banh mi yuccie unicorn next level gatekeep man bun 8-bit. Synth venmo polaroid, kombucha migas fam knausgaard beard af mlkshk mumblecore occupy. Viral hot chicken live-edge seitan kickstarter hammock cred try-hard. Prism selvage hammock glossier skateboard cold-pressed messenger bag stumptown kogi drinking vinegar celiac distillery four loko. Aesthetic try-hard knausgaard vape enamel pin polaroid. Affogato chicharrones crucifix vaporware, Brooklyn sus microdosing activated charcoal.
Click-Show-Hide Content
Click / Show / Hide elements can be easily edited directly in the CMS page editor. Simply Select "accordion / collapsable". A template will show with three editable areas. Edit the content. Voila.
Content for section 1 goes here...
Content for section 2 goes here...
Content for section 3 goes here...
Slow-carb freegan austin artisan before they sold out offal next level plaid messenger bag praxis pop-up. Etsy thundercats actually squid echo park distillery. Chartreuse enamel pin lomo Brooklyn kombucha, cred snackwave. Poutine praxis stumptown tonx, deep v kombucha lumbersexual gatekeep.
This is a "Section" - Used to Semantically tag different content blocks on a page.
- Sections are usefl ways to tell Google "This part of the page is about something specific"
- You 'can' nest sections, inside of sections, but it's generally not necessary.
- These are preset styled content blocks, that can be used to create custom grid elements on your page. They also help Google understand that this block of content has a specific type of information.
- You can then apply different column styles to a section, which will use css "grid" to by adaptive to different screen sizes.
Sections can be divided Into Columns
This is a Second Column
This is another
CSS "Grid" columns behave differently than multi-column text, as each column is a distinct section of content that will not flow to the next column.
This section has the three column grid applied. Grid classes need to be added by switching to "source" view, and then applying the grid class,
If You Want to Keep several block-level elements in one column...
then you need to wrap them in their own nested div element.Then you will be able to use paragraph breaks
- And bullet points
- and stuff like that. Otherwise a new column or row will be created. So... HTML hand-coding is easier for using multi-column grid setups in a styled section.
This is an "autoFit" grid.
It's useful if you want a nice consistent layout grid of images that automatically scales to fit, with a minimum width of 250 pixels. AutoFit grids treat each block level element as a new column, so this means all heading tags, paragraph, div, or even nested sections.
