Element Handbook for John Deere Dealers
  • Features
  • Images
  • Grid/ Layouts
  • Promotions
  • Locations
  • Element Widgets
  • News/ Blog
  • Events
  • Pages
  • Forms
  • Careers
  • Campaigns
  • Shortlines
  • Videos
  • Troubleshooting
  • Social Sharing
  • New Equipment
  • Used Equipment
  • Data Strategy
  • Build Your Own
  • Support Packages
  • Nurture by Team SI
  • Bug Resolution
Powered by GitBook
On this page
  • Dark Theme
  • How to Use Content Blocks
  • How To Use Grids/Layouts
  • Advanced Page Building with Utility Classes
  • Ways to Achieve Spacing
  • Spacing for Mobile Only

Was this helpful?

Grid/ Layouts

PreviousImagesNextPromotions

Last updated 4 years ago

Was this helpful?

Dark Theme

Want to bring the Dark Theme to your site? Contact

How to Use Content Blocks

How To Use Grids/Layouts

Advanced Page Building with Utility Classes

Here is a list of available Bootstrap Utility Classes.

Advanced Technique for Custom Layout using background utility classes

Ways to Achieve Spacing

Use returns in Content Blocks or fine tune spacing with Utility Classes

Spacing for Mobile Only

Use this method to achieve spacing only on mobile devices

In the Content Page Editor you will find a number of widgets on the right hand side of the screen. These Widgets can be placed in the Main content area via drag and drop. 1. Drag a Content block from the widgets area to the main content area. 2. Click Edit in the top right hand corner of the Content Block. The Content Block Editor will open. 3. Click save when you are done. Don't forget to hit the green publish button to publish your changes.

1. In the page editor click the Layout link in the top right hand corner of the screen. 2. The Layout Editor will open. From here you can choose the layout you want. Drag the Grid Widget you want from the right hand side of the screen to the Body Content Block. Example: 6+6 grid 3. After setting up your grid columns, you can add content to them in the Content Editor. Click the content link in the top right hand corner of the screen. 4. The Content Editor will open. From here you can drag Content Widgets into the Columns you made. Example:

For Spacing
Colors
Display
Arrangement with Flex
elementsupport@teamsi.com
Turn the lights out with the new Dark Theme