Nov 292014
 

Suffusion Theme Options Default Sidebar Layouts allows you to set up the layout and sidebars for your website and or blog.

Last Updated: March 9, 2018

Latest News: I have edited the documentation below.

Suffusion flexibility allows you to easily control the sidebar layout which is important. From the beginning of your design you will want to choose how to set up the layout and how many sidebars you will need. This is important for your viewers to feel comfortable while searching or navigating through your website.

Depending on the type of website you design and content you have, you will choose how many sidebars you will require and how to display the sidebars. The most simple and default sidebar layouts nowadays is to have one sidebar on the left or the right. However you can have different combinations. Please read the following tutorial Suffusion Theme Layout to learn more.

Suffusion Theme Options Default Sidebar Layouts

Step 1 ) Go to Appearance -> Suffusion Options -> Layouts -> Default Sidebar Layout menu. See image below.

suffusion-options-layouts-default-sidebar

Step 2 ) The following image Sidebars allows you to set up the following options.

How many sidebars?

  • 0 (Zero)
  • 1 (One)
  • 2 (Two)

Position of Sidebar 1

  • Left
  • Right

Position of Sidebar 2

  • Left
  • Right

suffusion-options-layouts-sidebars

Step 3 ) The following image Widths allows you to set up the following options.

Default sizes / margins for page elements?

  • Theme sizes and margins
  • Custom sizes and margins

Page Width Type

  • Fixed width
  • Fluid/Flexible width

suffusion-options-layouts-widths

Step 4 ) The following image Fluid width settings allows you to set up the following fluid layout options.

  • Width of page
  • Maximum width
  • Minimum width

suffusion-options-layouts-fluid-width-settings

Step 5 ) The following image Fixed width settings allows you to set up the following fixed layout 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

Step 6 ) The following image allows you to set up the following options.

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

suffusion-options-layouts-custom-value

Step 7 ) The following image Sidebar width settings allows you to set up the following sidebar options.

  • Custom component width – Custom value for width of first sidebar
  • Custom component width – Custom value for width of second sidebar

suffusion-options-layouts-sidebar-width-settings

That is how simple it is to setup the sidebar layout for your website.

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.

  2 Responses to “Suffusion Theme Options Default Sidebar Layouts”

  1. how i can use full width website ?

    • Hi Irvan, thank you for your question. Are you referring to displaying the full content without any sidebars?

 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.