• Home
  • Features
    • Background Rotator
    • Color Chooser
    • Gantry Framework
    • Gantry Documentation
    • Widget Variations
    • Widget Positions
    • Menu Icons
      • Add Icon
      • Arrow Icon
      • Briefcase Icon
      • Calendar Icon
      • Check Icon
      • Crank Icon
      • Delete Icon
      • Docs Icon
      • Email Icon
      • Home Icon
      • Key Icon
      • Lock Icon
      • Minus Icon
      • Monitor Icon
      • Notes Icon
      • Post Icon
      • Printer Icon
      • RSS Icon
      • Unlock Icon
      • Warning Icon
      • Write Icon
    • Child Items
      • Child Item
      • Child Item Multi-Column Example
        • Child Item
        • Child Item
        • Child Item
        • Child Item
        • Child Item
        • Child Item Single Column Example
          • Child Item
          • Child Item
          • Child Item
          • Child Item
        • Child Item
        • Child Item
      • Child Item Single Column Example
        • Child Item
        • Child Item
        • Child Item
          • Child Item
          • Child Item
          • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
          • Child Item
        • Child Item
      • Child Item
  • Typography
    • Shortcodes Example
    • HTML Examples
    • Using Typography
  • Plugins
    • RokAjaxSearch
    • RokBox
    • RokTabs
    • RokNewsPager
    • RokStories
  • Tutorials
    • Installation
    • RocketLauncher
    • Overrides
    • Divider and Layouts
    • Logo Editing
    • Menu Options
    • RokBox
    • RokTabs
    • RokNewsPager
    • RokStories
    • Translating Theme
    • Translating Plugins
  • Preset Styles
    • Preset 1
    • Preset 2
    • Preset 3
    • Preset 4
    • Preset 5
    • Preset 6
    • Preset 7
    • Preset 8
    • Preset 9
    • Preset 10
    • Preset 11
    • Preset 12
Tutorials Divider and Layouts

Divider and Layouts

Gantry for WordPress sets the new standards of freedom in WordPress themes. Thanks to the Layouts slider and Gantry Divider Widget you can create stunning theme content without modifying any code.

How to setup layouts ?

Position layout

If you go to your theme settings → Layout Tab you’ll see a slider that lets you to select the desired column distribution (width) used for that particular widget position. Clicking on numbers above slider (from 1 – 6) gives you a possibility to set different column distribution depending on how many widget columns (1 – 6) you’ll use in that position. After you’ll click Save Button, Gantry will save layout for all possible layouts at the same time. Please don’t be scared by the fact that after saving changes layouts will switch to the 6 widget variant – this is a normal thing, and your settings are still saved.

What is Gantry Divider Widget ?

Divider Widget

Gantry Divider is a widget that allows you to set where the widget position should break into another column ie. placing 4 dividers between your other widgets will load the layout that you’ve set in theme settings for that widget position with 4 columns set.

Sample Setup

Can I place more than 1 widget between dividers ?

Of course you can! Placing more than one widget before any divider will result in displaying these widgets in rows (one above another).

Do you have a place where I can see the different widgets setup ?

Yes we do. You can go to the demo of the theme, Features → Widget Variations page. If you’d like to see how they’re setup and you got RocketLauncher installed you can go to the Widgets page and switch the override (using dropdown list) to the Widget Variations. This will load widget setup used for that page.

Leave a Reply

Click here to cancel reply.
You must be logged in to post a comment.

Main Menu

  • Home
  • Features
  • Typography
  • Plugins
  • Tutorials
    • Installation
    • RocketLauncher
    • Overrides
    • Divider and Layouts
    • Logo Editing
    • Menu Options
    • RokBox
    • RokTabs
    • RokNewsPager
    • RokStories
    • Translating Theme
    • Translating Plugins
  • Preset Styles

Login

  • Forgot your password?

Categories

  • FrontPage
  • Plugins
  • RokTabs
  • Rotator

Tags

awesome background chooser color design modern panacea rockettheme rotator style

Help Center

  • Frequently Asked Questions
  • Written Documentation
  • Video Guides & Aids
  • Member Support Forum

Contact Info

Panacea Template LLC
173 Cyrian Drive,
Houston, TX, 34900, USA
Tel: (555) 555-55555

Demo Information

All demo content is for demostrative purposes only, intended to show a representative example of a live site. All images and materials are the copyright of their respective owners. Additionally, this demo, in a modified form, is available for download in the RocketLauncher format.

Designed By
Powered By