인기

보기 ${remains} 더 많은 기사

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. Edit the Padding Top, Bottom, Left and Right.

Section Padding in Portfoliobox

Edit the margins of an element

Margins are used to create space around elements outside of any defined borders. In Portfoliobox, you can 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. Edit the Margin Top, Bottom, Left and Right.

Margins of element in Portfoliobox

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

Edit the position of an element

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

  1. Cmd-click on the element you want to edit to open the Style Editor.
  2. Select a Position: Left, Center, Right.

In the image below, the text block is aligned to the left while the text within the block is centered, as per the settings.

Position of elements in Portfoliobox

Related Topics

Portfoliobox ${pbVer}: Search Result

작가를 위한 온라인 포트폴리오

전문가에게 필요한 모든 도구 제공

  • 동적 그리드
  • 짝수 행
  • 황금비율
  • 화면 비율
  • 가운데 정렬
  • 퍼즐
  • 무작위
  • 가로
  • 가로 2
  • 가로 3
  • 세로
  • 투-원
  • 쓰리-원