The Button content block inserts buttons that can be used as hyperlinks into your landing pages.
Content Properties
Selecting a Button block will open its Content properties.
Link type: Allows you to select whether this icon will link to a web page/file, email, telephone, SMS, or internal link. The email, telephone, and SMS options will open the corresponding default application on the device to create an email, make a call or send an SMS using the provided details. The ‘internal link’ option will allow you to select the ID of any block that has had its ‘Block identifier’ option enabled so that the page will scroll to that section when this item is clicked.
Button Options
Auto width: When enabled, then this will allow the browser to set the width of the button. When disabled, you will be able to adjust a slider to select what percentage of the column’s width the button should use.
Background color: Allows you to set the color of the button.
Text color: Allows you to select the color of the text for the button.
Align: Allows you to align the button to the left, right or center.
Line height: Allows you to adjust the vertical height of the block.
Letter spacing: Allows you to adjust the amount of space between each letter.
Border radius: Allows you to adjust the roundness of the corners of the button’s outer border edge. A higher value will result in rounder edges.
Content padding: Allows you to set the padding in all directions between the text and the edges of the button. If “More Options” is enabled, then this will allow you to set a padding value for the top, bottom, left, and right sides of the button.
Border: Allows you to set a styling, size, and color of the border around the button. If 'More options' is enabled, then you can set the styling, size and color of the border on each side of the button individually.
Block Options
Padding: Allows you to set the padding in all directions between the button and the column. If “More Options” is enabled, then this will allow you to set a padding value for the top, bottom, left, and right sides of the column.
Hide on: Allows you to select whether this block will be hidden when viewed on Desktop or Mobile devices. This is based on the maximum width of the screen or browser that the content is viewed on. When the max width is over 695px, the Desktop version will be used. When the max width is 695px or below, then the Mobile version will be used.
Block identifier: When enabled, this will generate an ID for the selected block which can be selected when making an ‘internal link’ within the landing page.
|
Feature Added: 11.3.0 Feature Updated: 11.3.0 |