Tagline Boxes

Tagline Box Shortcode

Avada's promotion box is very versatile and has numerous meta options for easy customization. Insert a title, body copy and a button link for default, or customize it by adding a shadow, changing the background color, border size, border color and highlight position. Users can set custom links and link target for the button.

Highlight Border Position

Choose to place the highlight border in 4 positions: Left, Right, Top, and Bottom. You can also choose to not have a highlight border at all.

Customization Settings

The shortcode options allow you to set background colors, accent colors, border size and color, and display a bottom shadow and set the opacity for it.

Use With Columns

Avada's Tagline Box Shortcode can also be used with columns to control the width and to make them fit better on your website. They are also fully responsive and will look beautiful on any screen resolution.

Display Buttons

Include a button on your Tagline Box Shortcode and set custom links and link targets for the button.

Complete Set of Options

Every option and description included with the alert shortcode is listed below.

backgroundcolor - Accepts a hexcode ( #000000 ), RGBA values ( rgba(0,0,0,0) ) or certain alphabetic values. For example, #AA0000, (0.5, 0.5, 0.5, 1), black, or transparent. Sets the background's color. Leave Blank for Theme Option selection. shadow - Can be one of these values: yes, or no. This will show or hide the shadow. shadowopacity - Can be a numerical value from 0.1 to 1. Sets the shadow's opacity level. 1 is equivalent to 100%. border - Accepts a pixel value. For example, 1px. bordercolor - Accepts a hexcode ( #000000 ), RGBA values ( rgba(0,0,0,0) ) or certain alphabetic values. For example, #AA0000, (0.5, 0.5, 0.5, 1), black, or transparent. Sets the border's color. Leave Blank for Theme Option selection. highlightposition - Can be one of these values: none, left, right, top, or bottom. Sets the position of the highlight. content_alignment - Can be one of these values: left, center, or right. Sets the content's alignment. link - The URL path where the button links to. For example, http://www.example.com/ linktarget - Can be one of these values: _blank for new window, _self for same window. modal - The unique identifier of the Modal shortcode you've created that allows the button to trigger the modal. button_size - Can be one of these values: default, small, medium, large, or xlarge. Sets the button's size. button_shape - Can be one of these values: default, square, pill, or round. Sets the button's shape. button_type - Can be one of these values: default, flat, 3d. Sets the button's type. buttoncolor - Can be one of these values: default, green, darkgreen, orange, blue, red, pink, darkgray, or lightgray. Leave Blank for Theme Option selection. button - The custom button text. For example, Click Here. title - The custom title text. For example, Title 1. description - The custom description text. animation_type - Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode. animation_direction - Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation. animation_speed - Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. class - Add a custom class to the wrapping HTML element for further css customization. id - Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!