Shortcodes

[intense_promo_box]

Description

Add a promotional box to your page/post. A promotional box is useful for a call-to-action or to draw the user's attention. There are several different size options. You can also control the background, border, button style, and more.

Screenshots

promo
promo

Dialog

promo
promo
promo

Attributes

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
sizedropdownSizemediumsmall - Small
medium - Medium
large - Large
mega - Mega
colorcolor_advancedFont Color#333333option colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
shadowshadowShadow
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
background_colorcolor_advancedBackground Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
background_opacitytextBackground Opacity0 - 100: leave blank for solid color
imageimageBackground Imageenter a WordPress attachment ID or a URLWordPress ID or any URL
imageiddeprecateduse image instead
imageurldeprecateduse image instead
imagesizeimage_sizeBackground Image Sizemedium800
imagemodedropdownBackground Moderepeatno-repeat - No Repeat
repeat - Repeat
repeat-x - Repeat-X
repeat-y - Repeat-Y
button_texttextText
button_colorcolor_advancedColorprimaryoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
button_linktextLink#
button_targetlink_targetTarget_self_blank, _self, _parent, _top
button_sizedropdownSizelargemini - Mini
small - Small
default - Default
medium - Medium
large - Large
button_positiondropdownPositionrightleft - Left
right - Right
borderborderAll Bordersstandard CSS border style
border_topborderTop Borderstandard CSS border style
border_rightborderRight Borderstandard CSS border style
border_bottomborderBottom Borderstandard CSS border style
border_leftborderLeft Borderstandard CSS border style
border_radiusborder_radiusBorder Radius%, em, px - examples: 25% or 10em or 20px

Examples

[intense_content_section]
<h2>Promo Boxes</h2>
[intense_promo_box button_text="Buy Now" button_link="http://codecanyon.net/user/IntenseVisions?ref=IntenseVisions" button_type="primary" button_position="right" button_size="medium" size="small" imageid="3856" imagemode="repeat" color="#333" shadow="1"]<h3>Small with repeated background image</h3>[/intense_promo_box]
[intense_promo_box shadow="2" size="small" button_text="Buy Now" background_color="#fff" border="1px solid #ddd;" border_top="3px solid #1a8be2"]
<h3>Small - Quisque scelerisque mauris placerat massa gravida placerat. Vivamus vestibulum facilisis.</h3>
Fusce vitae urna diam. Mauris interdum augue erat, vel vestibulum purus sagittis non. Suspendisse dapibus diam quis nisl elementum pulvinar. Donec condimentum, nibh sed pellentesque pellentesque, nisi erat cursus justo, nec porta quam sem at mi. Praesent dolor diam, placerat ac nulla ac, condimentum pretium orci. Donec vel laoreet mi.[/intense_promo_box]
[intense_promo_box shadow="3" size="medium" border_left="3px solid #1a8be2"]
<h2>Medium - <small>Suspendisse dapibus diam quis nisl elementum pulvinar.</small></h2>
Sed rhoncus, mauris vitae iaculis interdum, nibh lacus aliquam mauris, eget fermentum dui magna quis nibh. Integer pretium diam ullamcorper, rutrum nulla sed, malesuada diam. Mauris adipiscing mauris dolor, sed.
[/intense_promo_box]
[intense_promo_box shadow="4" size="large"]
<h1>Large</h1>
[/intense_promo_box]
[intense_promo_box shadow="5" size="mega" button_text="Buy Now"]
<h1>Mega</h1>
[intense_lead]The best plugin ever![/intense_lead]
Curabitur vestibulum, massa at scelerisque rhoncus, nulla arcu vulputate ante, elementum elementum leo magna at massa. Phasellus quis urna turpis. Sed rhoncus, mauris vitae iaculis interdum, nibh lacus aliquam mauris, eget fermentum dui magna quis nibh. Integer pretium diam ullamcorper, rutrum nulla sed, malesuada diam. Mauris adipiscing mauris dolor, sed.
[/intense_promo_box]
[intense_promo_box shadow="6" /]
[intense_row]
[intense_column size="6"]
[intense_promo_box shadow="7" /]
[intense_promo_box shadow="8" /]
[intense_promo_box shadow="9" /]
[intense_promo_box shadow="10" /]
[/intense_column]
[intense_column size="6"]
[intense_promo_box shadow="11" /]
[intense_promo_box shadow="12" /]
[intense_promo_box shadow="13" /]
[intense_promo_box shadow="14" /]
[/intense_column]
[/intense_row]
[/intense_content_section]