인기

보기 ${remains} 더 많은 기사

Add a Button

Adding a link to your content allows pointing to another location — both inside your website and outside.

Adding a button to your content

A button can be added to a page using the Add Element Below option. 

  1. Right-click on an element on your site
  2. Click on Add element below
  3. Under Links, choose Button.

Once an element is added, follow the instructions to add a link:

  1. Right-click on a button element.
  2. In the Context Menu, click Change Content.
  3. Click on the Link to.
  4. Select the link type (for example, One Of Your Pages or External).
  5. Configure the link and confirm the changes.
  6. Click Done to save the changes.

Button PB4

Styling your button

Global styles

If you want your buttons to look the same throughout your website, we recommend editing the style of your button via Global Styles.

  1. Click on Styles
  2. Choose Global Styles
  3. Click on Buttons
  4. Edit the styles of your button: borders, background, size, colour, add animation, etc.

Inline styles

You can also change the style of a specific button without affecting other buttons on your website. 

  1. Right-click on your button.
  2. Click on Styles.
  3. Edit the styles of your button: borders, background, size, colour, add animation, etc.

Font

Under the font tab, you can edit the button's text: font, size, colour, letter spacing, weight, etc. 

You can even edit the hover effect of the button: Text colour, background colour and text decoration (Underline, Overline, Line through)

Background & Borders

Under the Background & Borders tab, you can manage the border's thickness, colour, radius and background colour of the button.

Margins

Under the Margins tab, you can add margin-top and margin-bottom to the button.

Animations

Under the Animations tab, you can add animation to your button. There are plenty of animations to choose from. We suggest you play with the different animations and try them out until you find the perfect one.

Mobile Styles

Under the Mobile Styles tab, you can deal with the look of your button on mobile devices. 

Related topics

Portfoliobox ${pbVer}: Search Result

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

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

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