人気

表示 ${remains} その他の記事

Adding a Button


Related topics:


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 recommand editing the style of your button via the Global Styles.

  1. Cick 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 text of the button: 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, Linethrough)

Background & Borders

Under the Background & Borders tab, you can manage the tickness of the border, its colour, its radius and the 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 that you play with the different animation and try them out until your find the perfect one.

Mobile Styles

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

Latest Articles

Portfoliobox ${pbVer}: Search Result

クリエイターのために作られたオンラインポートフォリオ

プロが必要とするすべてのツールがここに

  • ダイナミックグリッド
  • 偶数行
  • 黄金比
  • 四角比
  • 中央揃え
  • パズル
  • ランダム
  • 水平位置
  • 水平位置 2
  • 水平位置 3
  • 垂直位置
  • 2-1
  • 3-1