Popular

Show ${remains} more articles

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

You can change the way your button looks like and edit borders, background, size, colour, or add animation.

  1. Right-click on your button.
  2. Click on Styles.

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

An online portfolio made for Creatives

With all the tools a professional needs

  • Dynamic Grid
  • Even Rows
  • Golden Ratio
  • Square Ratio
  • Align Center
  • Puzzle
  • Random
  • Horizontal
  • Horizontal 2
  • Horizontal 3
  • Vertical
  • Two-One
  • Three-One