Shortcodes

Except the WordPress native shortcodes, we developed the shortcodes which allows you to make your site more unique have rich features for editor and add contact form in any editor. Below is the list of available shortcodes for Boombox theme.

Tab Shortcode

Tabbed content allows you to display content in tabs.

Horizontal Tab Example

Boombox_Widgets

Vertical Tab Example

Boombox_Widgets

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

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

Boombox_Widgets

Boombox_Widgets

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

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.

Boombox_Shortcodes

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.

Tooltips

Boombox_Widgets

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

Highlight

Boombox_Shortcodes

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.

Columns

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_Shortcodes

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

Three columns

Boombox_Shortcodes

[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_Shortcodes

[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]

Thumbnails

Bordered Image

Boombox_Widgets

Circled Image

Boombox_Widgets

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)

Contact form

Boombox_Widgets

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