Dec 032014
 

Suffusion Theme Options Layouts Left Right Sidebars allows you to set up the sidebars for the left and the right side layout.

Last Updated: March 9, 2018

Latest News: I have edited the documentation below.

This post shows you to set up the sidebar layout for the left hand side and the right hand side of your site. Remember this is when you have 1 sidebar on the left side and 1 sidebar on the right side. It also applies to having 2 sidebars on the left hand side and or 2 sidebars on the right hand side.

This layout is different than only having 1 sidebar on the left hand side or 1 sidebar on the right hand side.

Suffusion Theme Options Layouts Left Right Sidebars

Step 1 ) Go to Appearance -> Suffusion Options -> Layouts -> (1 Left Sidebar, 1 Right Sidebar); (2 Left Slidebars); (2 Right Slidebars) menu. See image below.

The settings for the following titles are the same. That is why I have only written one tutorial to cover the following layout tabs.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

suffusion-options-layouts-left-right-sidebar

 

Step 2 ) The following image Page Width Type allows you to set up the following menu titles.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

For each menu title above you can configure the following options.

  • Fixed width
  • Fluid/Flexible width

suffusion-options-layouts-page-width-type-sidebar

Step 3 ) The following image Fluid width settings allows you to set up the following menu titles.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

For each menu title above you can configure the following options.

  • Width of page
  • Maximum width
  • Minimum width

suffusion-options-layouts-fluid-width-settings-sidebar

Step 4 ) The following image Fixed width settings allows you to set up the following menu titles.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

For each menu title above you can configure the following options.

Overall Page Width

  • 800px
  • 1000px
  • 1200px
  • Custom width (defined below)
  • Custom width, but constructed from individual components (defined below)

suffusion-options-layouts-fixed-width-settings-sidebar

Step 5 ) The following image allows you to set up the following menu titles.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

For each menu title above you can configure the following options.

  • Custom value for page width
  • Custom component width – Custom value for main column width

suffusion-options-layouts-custom-value-sidebar

Step 6 ) The following image Sidebar width settings allows you to set up the following menu titles.

Menu Titles:

  • 1 Left, 1 Right Sidebar
  • 2 Left Sidebars
  • 2 Right Sidebars

For each menu title above you can configure the following options.

  • Custom component width – Custom value for width of left sidebar
  • Custom component width – Custom value for width of right sidebar

suffusion-options-layouts-sidebar-width-settings

That is how simple it is to format your blog post date.

Click on the following URL Layouts Tutorials for more layouts tutorials.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest.

Enjoy.

More Suffusion Tutorials:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.