Sidebars
Box □ №24 theme allows for two sidebars on each side of the main blog content. You can show them both, choose to display only one of them or none.
Additionally, you're free to adjust the width of the sidebars and the entire website through the dedicated layout editor.
Two Sidebars / One Sidebar / No Sidebar
Go to Blogger Theme Designer:
and select Advanced ⟶ Layout
to adjust the website layout
To reset the styling and revert to the default settings,
click the clear advanced changes link at the bottom of the page.
and select Advanced ⟶ Layout
to adjust the website layout
To reset the styling and revert to the default settings,
click the clear advanced changes link at the bottom of the page.
Important notice:
Please mind that the Blogger Theme Designer shows only the front page preview. It doesn't support the subpage view, so you won't be able to monitor the edits live. To see the results, save the changes and refresh your website.
Two Sidebars
Display two sidebars
- one on each side of the main blog content.
- one on each side of the main blog content.
To create a website with two sidebars, go to the "Layout" tab in your Blogger Theme Designer and start with setting your website's total width -
"Full Website - Width."
You can pick any value between 300px and 1200px.
Set up the width of your left sidebar -
"Sidebar Left - Width" (up to 600px);
Set up the width of your right sidebar -
"Sidebar Right - Width" (up to 600px);
Modify the exact position of each sidebar by adjusting their "Top Margin values (up to 150px);
"Full Website - Width."
You can pick any value between 300px and 1200px.
Set up the width of your left sidebar -
"Sidebar Left - Width" (up to 600px);
Set up the width of your right sidebar -
"Sidebar Right - Width" (up to 600px);
Modify the exact position of each sidebar by adjusting their "Top Margin values (up to 150px);
One Sidebar
Show one sidebar
either on the left or right
side of the main content.
either on the left or right
side of the main content.
Make sure to remove all gadgets from the sidebar placeholder you want to hide (Blogger Layout view) and navigate to the Blogger Theme Designer to access the "Layout" settings.
("Theme" -> "Customise" -> "Advanced" -> "Layout")
Pick your website's total width (between 300px and 1200px) and the desired sidebar width (up to 600px). Set the hidden sidebar's width (along with its top margin) to zero.
Pick your website's total width (between 300px and 1200px) and the desired sidebar width (up to 600px). Set the hidden sidebar's width (along with its top margin) to zero.
No Sidebars
Hide both sidebars
and let the blog content streach
full width across the page.
and let the blog content streach
full width across the page.
To achieve a full-width, no sidebars layout, remove all gadgets from the sidebar placeholders (in the Layout view) and navigate to the Blogger Theme Designer to access the "Layout" settings.
("Theme" -> "Customise" -> "Advanced" -> "Layout")
Set up your website's width (at any value between 300px and 1200px), and then make sure that all other values are kept at zero.
Set up your website's width (at any value between 300px and 1200px), and then make sure that all other values are kept at zero.
To adjust the design of the sidebar gadgets,
go to Advanced ⟶ Gadgets for a general gadget stying
or straight to the specific section:
Left Sidebar / Right Sidebar / Footer
To customize the sidebar background color,
go to Advanced ⟶ Backgrounds ⟶ "Left Sidebar" / "Right Sidebar"
go to Advanced ⟶ Gadgets for a general gadget stying
or straight to the specific section:
Left Sidebar / Right Sidebar / Footer
To customize the sidebar background color,
go to Advanced ⟶ Backgrounds ⟶ "Left Sidebar" / "Right Sidebar"