Shortcodes

Tabbed content allows you to display content in tabs.

Horizontal Tab Example

Vertical Tab Example

Example:
[boombox_tabs layout="vertical" active="1" classes="class-name"]
[boombox_tab title="Your title #1"]Your Description here #1[/boombox_tab]
[boombox_tab title="Your title #2"]Your Description here #2[/boombox_tab]
[boombox_tab title="Your title #3"]Your Description here #3[/boombox_tab]
[/boombox_tabs]


Parameters

layout

Can be one of these values: horizontal (default) or vertical.

active

Active tab number. Default: 1

classes

Class names separated by spaces.

Buttons can lead to internal or external links. Buttons have its own link, caption (Text) and style.

Examples:
[boombox_button tag_type="a" type="primary"
url="http://www.example.com/" target="blank" class="class-name1
class-name2"]Button Text[/boombox_button]
[boombox_button tag_type="button" background_color="#000000" text_color="#cccccc" ]Button Text[/boombox_button]
[boombox_button tag_type="button" size="large"]Large button[/boombox_button]
[boombox_button tag_type="button" size="small"]Small button[/boombox_button]


Parameters

tag_type

Can be one of these values: a(default) or button.

type

Can be one of these values: primary( dark blue ), secondary ( gray ), success ( green ), info( info ), warning ( warning ) or danger (danger). By default your button color will be set from customizer setting.

size

Can be one of these values: large or small. Leave Blank for default size.

url

The URL path where the button links to. For example, http://www.example.com/

target

Can be one of these values: blank (for new window), self (for same window).

background_color

Accepts a hexcode (#000000), RGBA (rgba(0,0,0,1)) or certain colors such as red, or transparent. By default your button background color will be set from customizer setting.

text_color

Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button text color will be set from customizer setting.

class

Add a custom class to the HTML element for further css customization.

Dropcap is a large initial letter that drops below the first line of a paragraph, usually used at the beginning of a section or chapter of a book.

Examples:
[boombox_dropcap style="primary" font_size="48px"
class="class-name"] L [/boombox_dropcap]orem ipsum dolor sit amet,
consectetur adipiscing elit. Donec sit amet consectetur ante.
[boombox_dropcap font_size="48px" class="class-name"] L
[/boombox_dropcap]orem ipsum dolor sit amet, consectetur adipiscing
elit. Donec sit amet consectetur ante. Maecenas accumsan tellus
porttitor nisl gravida feugiat.
[boombox_dropcap style="primary" font_size="70px" color="red"
class="class-name"] L [/boombox_dropcap]orem ipsum dolor sit amet,
consectetur adipiscing elit. Donec sit amet consectetur ante. Maecenas
accumsan tellus porttitor nisl gravida feugiat.


Parameters

style

Can be primary ( site primary color ). Leave blank for default style.

font_size

Accepts a pixel value. For example, 20px.

color

Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent.

class

Add a custom class to the wrapping HTML element for further css customization.

Examples:
[boombox_tooltip title="This is an example page. It's different
from a blog post because it will stay." class="tooltip-test-class"]
Lorem ipsum [/boombox_tooltip]
dolor sit amet, consectetur adipiscing elit.

Parameters

title

The custom text that will show in the text popup.

class

Add a custom class to the wrapping HTML element for further css customization

Examples:
[boombox_highlight style="primary"
class="highlights-test-class"] Lorem ipsum [/boombox_highlight] dolor
sit amet, consectetur adipiscing elit. Donec sit amet consectetur ante.
[boombox_highlight background_color="#fdafaf"
text_color="#88702a" class="highlights-test-class"] Lorem ipsum
[/boombox_highlight] dolor sit amet, consectetur adipiscing elit. Donec
sit amet consectetur ante.


Parameters

style

Can be primary ( site primary color ). Leave blank for default style.

background_color

Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button background color will be set from customizer setting.

text_color

Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,1) ) or certain colors such as red, or transparent. By default your button text color will be set from customizer setting.

class

Add a custom class to the HTML element for further css customization.

There are 3 types of column shortcodes: One Half, One Third, One Fourth, you can put content, image or other shortcode to these columns

Two columns

boombox_row][boombox_one_half] Some content [/boombox_one_half][boombox_one_half]Some content [/boombox_one_half][/boombox_row]


Three columns

[boombox_row][boombox_one_third] Some content [/boombox_one_third][boombox_one_third]Some content [/boombox_one_third]
[boombox_one_third] Some content [/boombox_one_third][/boombox_row]


Four columns

[boombox_row][boombox_one_fourth]
Some content [/boombox_one_fourth][boombox_one_fourth] Some content
[/boombox_one_fourth]
[boombox_one_fourth] Some content
[/boombox_one_fourth][boombox_one_fourth] Some content
[/boombox_one_fourth][/boombox_row]


Examples:
[boombox_thumbnail style="border"]<img src="image_src" alt="" />[/boombox_thumbnail]
[boombox_thumbnail style="circle"]<img src="image_src" alt="" />[/boombox_thumbnail]


Parameters

style

Can be circle or border (default)

Examples: [boombox_contact_form message_placeholder="Your message" label_submit="Submit Your Message" captcha="0"]

Parameters

message_placeholder

Your Message (default)

label_submit

Submit Your Message (default)

captcha

0 ( disable ), 1 ( enable )

Please note, that as default email address contact form using email address added in Dashboard ▸ Settings ▸ General ▸ Email address