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:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 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)

nineteen − 18 =