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.

Purchase Now

These boxes are very customizable with numerous options to choose from!

And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more!

Purchase Now

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

This tagline box has the highlight border on the top.

Highlight Border on The Bottom

This tagline box has the highlight border on the bottom.

Highlight Border on The Left

This tagline box has the highlight border on the left.

Highlight Border on The Right

This tagline box has the 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.

A subtle tagline box with a description and no title

An Eye-Popping Tagline Box Without A Border And With A Long Title

A Stylish Tagline Box With A Border

These promo boxes are very flexible and have several options that can be set to customize it for your needs! Avada has some awesome features and so much more!

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

These promo boxes are very flexible and have several options that can be set to customize it for your needs! Avada has some awesome features, premium sliders, unlimited colors, advanced theme options, light and dark version, multiple blog and portfolio layouts, 5 header designs, custom post options, tons of shortcodes and so much more!

Promo boxes also work with 1-6 columns

These promo boxes are very flexible and have several options that can be set to customize it for your needs! Avada has some awesome features, premium sliders, unlimited colors, advanced theme options, light and dark version, multiple blog and portfolio layouts, 5 header designs, custom post options, tons of shortcodes and so much more!

Promo boxes also work with 1-6 columns

These promo boxes are very flexible and have several options that can be set to customize it for your needs! Avada has some awesome features, premium sliders, unlimited colors, advanced theme options, light and dark version, multiple blog and portfolio layouts, 5 header designs, custom post options, tons of shortcodes and so much more!

Display Buttons

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

Purchase Now

Display A Button

These promo boxes are very flexible and have several options that can be set to customize it for your needs!

Purchase Now

Display A Button

Longer Buttons? No Problem!

Purchase!

Display A Button

And it has some awesome features, premium sliders, advanced theme options and much more!

Purchase!

Purchase Now

Display A Button

And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more!

Purchase Now

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.