Margins, padding & position

You can easily fine-tune your website by editing the margins, padding or position of elements on your page.

Edit the padding of a section

Padding is used to generate space around an element's content, inside of any defined borders. In Portfoliobox, you will be able to edit the padding of sections and certain elements. 

You can edit the default padding of a section to adjust it to your liking.

1. Click on Edit Section in the upper right corner of the section.
2. Select Styles.
3. Under Margins, edit the Padding Top, Bottom, Left and Right

Edit the margins of an element

Margins are used to create space around elements, outside of any defined borders. In Portfoliobox, you will be able to edit the margins of elements on your site e.g. a header, a logo, a border, a form, a button, etc. To edit the margins of an element:

1. Right-click on the element you want to edit. 
2. Select Styles.
3. Under Margins, edit the margins of the element.

NB! For some elements, you will be able to edit all margins of the element: top, bottom, right & left. For others, only top and bottom — it depends of the type of elements you edit.

Edit the position of an element

Position is used to horizontally align an element on your page. In Portfoliobox, you will be able to edit the position of certain elements: 

1. Right-click on the element you want to edit. 
2. Select Styles.
3. Under Size, select a position in the dropdown menu Position: Left, Center, Right.

Watch a video

Related Topics

• Edit an element of your site
• Edit Section Styles