Website Building » Squarespace » How Do I Make Two Buttons Side by Side in Squarespace?

How Do I Make Two Buttons Side by Side in Squarespace?

Last updated on December 27, 2022 @ 6:31 pm

There are a couple different ways that you can make two buttons side by side in Squarespace. The first way is to use the Columns block. To do this, simply add a Columns block to your page and then click on the “+” icon in the top left corner of the block. This will add a new column to your block. Then, add a Button block to each column.

Another way that you can make two buttons side by side is to use the LayoutEngine block.

With this method, you’ll need to add a LayoutEngine block to your page and then add a Button block to each column.

Once you have your buttons side by side, you can style them using the HTML <p>, <b> and <u> tags. For example, if you want to make one button bold, you would use the <b> tag. If you want to make one button underlined, you would use the <u> tag.

Conclusion:

Making two buttons side by side in Squarespace is easy! You can either use the Columns block or the LayoutEngine block. Once you have your buttons side by side, you can style them using HTML tags.

PRO TIP: Please be aware that the instructions in the article “How Do I Make Two Buttons Side by Side in Squarespace?” may not produce the desired results in all cases. Depending on your Squarespace template and the other content on your page, you may find that the buttons end up stacked on top of each other instead of side by side. If this happens, you may need to adjust the CSS code provided in the article.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.