Website Building » Squarespace » How Do I Add a Sidebar to My Squarespace Blog?

How Do I Add a Sidebar to My Squarespace Blog?

Last updated on December 23, 2022 @ 8:44 am

There are two ways to add a sidebar to your Squarespace blog. The first way is to use the LayoutEngine tool. This tool allows you to add a sidebar to your blog by dragging and dropping it into place.

The second way is to use the Custom CSS editor. This editor allows you to add a sidebar to your blog by adding a few lines of code.

The LayoutEngine tool is the easiest way to add a sidebar to your Squarespace blog. To use this tool, login to your Squarespace account and go to the “Design” tab. Under the “Layout” section, click on the “Add Sidebar” button. This will open the LayoutEngine interface. To add a sidebar, drag and drop the “Sidebar” element into place. You can then use the “Configure” button to adjust the width of the sidebar.

The Custom CSS editor is a more advanced way to add a sidebar to your Squarespace blog. To use this editor, login to your Squarespace account and go to the “Design” tab.

Under the “Advanced” section, click on the “Edit Custom CSS” button. This will open the Custom CSS editor. To add a sidebar, copy and paste the following code into the editor:

#blog-sidebar {
float: right;
width: 30%;
}
#blog-content {
float: left;
width: 70%;
}

PRO TIP: Adding a sidebar to your Squarespace blog can be tricky and may result in unexpected changes to your blog’s design. If you are not familiar with Squarespace’s code, we recommend working with a professional to make this change.

You can then use the “Preview” button to see how your sidebar will look on your blog.

Conclusion: How Do I Add a Sidebar to My Squarespace Blog?

There are two ways to add a sidebar to your Squarespace blog. The second way is to use the Custom CSS editor.

The LayoutEngine tool is the easiest way to add a sidebar to your Squarespace blog.

The Custom CSS editor is a more advanced way to add a sidebar to your Squarespace blog.

You can then use the “Preview” button to see how your sidebar will look on your blog.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.