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

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

Last updated on December 30, 2022 @ 6:02 pm

There are many ways to put two buttons side by side in Squarespace. One way is to use the ‘Columns’ feature under the ‘Design’ tab.

Under ‘Columns,’ you can select how many columns you want, and then drag and drop your buttons into the desired column. You can also add padding and margins to further customize the look of your buttons.

Another way to put two buttons side by side is to use the ‘Float’ property under the ‘Design’ tab. You can set one button to float left and the other to float right.

This will cause the buttons to display next to each other.

PRO TIP: Please be aware that the article ‘How Do I Put Two Buttons Side by Side in Squarespace?’ may contain outdated or inaccurate information.

If you want more control over the positioning of your buttons, you can use absolute positioning. To do this, go to the ‘Page Settings’ tab and click on ‘Advanced.’

Then, click on ‘Add Custom CSS.’ In the CSS editor, you can add code like this:

.button1 { 
position: absolute; 
left: 0px; 
} 

.button2 { 
position: absolute; 
right: 0px; 
}

This code will position each button relative to its container. You can adjust the values of 'left' and 'right' to change the position of your buttons.

There are many ways to put two buttons side by side in Squarespace.

Another way to put two buttons side by side is to use the 'Float' property under the 'Design' tab.

If you want more control over the positioning of your buttons, you can use absolute positioning.' In the CSS editor, you can add code like this:

button2 { 
position: absolute; 
right: 0px; 
}

This code will position each button relative to its container. You can adjust the values of 'left' and 'right' to change

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.