Slydog Softworks Ltd

Sidebar Tutorial

Slydog sidebar is a simple sidebar stack.

Setup Sidebar

To setup a sidebar, select page styles, you can find it on the right tab bar just under the publish button.

Untick Use Master Style

Scroll down to Main Content Columns: You can choose upto 12 columns, set it to say 9. This will set the content area to be upto 9 columns wide.

Under that Sidebar Columns: Again you can choose upto 12 columns, set it to say 3. This will set the sidebar area to upto 3 columns wide.

Untick Hide Sidebar. This will then show the sidebar, but you will need to add your html links and sidebar title to the Page Sidebar section, this can be found on the right tab bar just under the publish button.

Next is Content Width: This can be set to Pixels or Percentage.

And finally set the Maximum Width: This will either be pixels or percentage, depending on what you set above.

On the Slydog website we set it to Percentage and 100%

Stacks Image 15
Stacks Image 19
Slydog Editor - Sidebar
  • Background Colour: Set the background colour of the sidebar.

  • Margin: Set the sidebar margin in pixels.

  • v-position: Adjust the vertical position of the sidebar.

  • Border colour: Set the colour of the sidebar border.

  • Border style: Set the style of the sidebar border.

  • Border size: Set the thickness of the sidebar border.

  • Border radius: Adjust the radius of the sidebar border in pixels.

Stacks Image 37