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.
These boxes are very customizable with numerous options to choose from!
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.
Highlight Border on The Top
Highlight Border on The Bottom
Highlight Border on The Left
Highlight Border on The Right
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.
An Eye-Popping Tagline Box Without A Border And With A Long Title
A Stylish Tagline Box With A Border
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.
Promo boxes also work with 1-6 columns
Promo boxes also work with 1-6 columns
Promo boxes also work with 1-6 columns
Display Buttons
Include a button on your Tagline Box Shortcode and set custom links and link targets for the button.
Display A Button
Display A Button
Longer Buttons? No Problem!Display A 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.