Content Box

Standard Content Box

Strategy & ConsultingStrategy & ConsultingLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.
Industry ExpertsIndustry ExpertsNullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.
[content_box content_align="left_align" icon_type="image" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/04/business-strategy.jpg" padding="0 0 30px 0" animation="fade_in" title="Strategy & Consulting"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.[/content_box]
[content_box content_align="left_align" icon_type="image" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/04/business.jpg" padding="0 0 30px 0" animation="fade_in" title="Industry Experts"]Nullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.[/content_box]

Content Box with Buttons

Unlimited StylesUnlimited StylesCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Read More
Looks Awesome!Looks Awesome!Sed non ante sagittis, gravida purus sit amet, consequat sem. Duis et sapien quis dui tristique dignissim et a lorem. In mi enim, mollis ut venenatis eu, gravida vitae erat. Suspendisse malesuada.Very Long Button Text
[content_box content_align="left_align" icon_type="image" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Letting-Go.jpg" padding="0 0 30px 0" animation="fade_in" title="Unlimited Styles" activate_link="yes" size="medium" effect="gradient" button_base="fill" border_style="square" button_color="skygreen" link_style="button_link" link="#" target="_self" button_label="Read More"]Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/content_box]
[content_box content_align="left_align" icon_type="image" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Colorful.jpg" padding="0 0 30px 0" animation="fade_in" title="Looks Awesome!" bgcolor="" color="" activate_link="yes" size="medium" effect="gradient" button_base="fill" border_style="square" button_color="default" link_style="button_link" link="#" target="_self" button_label="Very Long Button Text"]Sed non ante sagittis, gravida purus sit amet, consequat sem. Duis et sapien quis dui tristique dignissim et a lorem. In mi enim, mollis ut venenatis eu, gravida vitae erat. Suspendisse malesuada.[/content_box]

Content Box with Icons and Buttons

Paint the TownPaint the TownCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Read More
Childhood PlaytimeChildhood PlaytimeSed non ante sagittis, gravida purus sit amet, consequat sem. Duis et sapien quis dui tristique dignissim et a lorem. In mi enim, mollis ut venenatis eu, gravida vitae erat. Suspendisse malesuada.Very Long Button Text
[content_box content_align="center_align" icon_type="imageicon" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/New-York-City-Skyline.jpg" padding="0 0 60px 0" animation="fade_in" circle="yes" inverted="no" icon="magic" title="Paint the Town" color="#00A3FF" activate_link="yes" size="medium" effect="gradient" button_base="fill" border_style="square" button_color="skyblue" link_style="button_link" link="#" target="_self" button_label="Read More"]Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/content_box]
[content_box content_align="center_align" icon_type="imageicon" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Skipping-Stones.jpg" padding="0 0 60px 0" animation="fade_in" circle="yes" inverted="yes" icon="leaf" title="Childhood Playtime" bgcolor="#58D530" activate_link="yes" size="medium" effect="gradient" button_base="fill" border_style="square" button_color="green" link_style="button_link" link="#" target="_self" button_label="Very Long Button Text"]Sed non ante sagittis, gravida purus sit amet, consequat sem. Duis et sapien quis dui tristique dignissim et a lorem. In mi enim, mollis ut venenatis eu, gravida vitae erat. Suspendisse malesuada.[/content_box]

Content Box with Full Container Linked

[content_box content_align="center_align" icon_type="imageicon" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Letting-Go.jpg" padding="0 0 60px 0" animation="fade_in" circle="yes" inverted="no" icon="rocket" title="Enjoy Every Moment" color="#6ED81A" activate_link="yes" link_style="box_link" link="#" target="_self"]Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/content_box]
[content_box content_align="center_align" icon_type="imageicon" image_src_st="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Colorful.jpg" padding="0 0 60px 0" animation="fade_in" circle="yes" inverted="yes" icon="cloud" title="Sky is the Limit!" bgcolor="#DF0606" activate_link="yes" link_style="box_link" link="#" target="_self"]Sed non ante sagittis, gravida purus sit amet, consequat sem. Duis et sapien quis dui tristique dignissim et a lorem. In mi enim, mollis ut venenatis eu, gravida vitae erat. Suspendisse malesuada.[/content_box]

Left Aligned Icon Based Content Box

Exciting HeadlineLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.
Attract VisitorsNullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.
[content_box content_align="left_align" icon_type="yes" animation="fade_in" icon_align="listed-left" circle="yes" inverted="no" icon="shield" title="Exciting Headline" color="#56BFE7"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.[/content_box]
[content_box content_align="left_align" icon_type="yes" animation="fade_in" icon_align="listed-left" circle="yes" inverted="no" icon="suitcase" title="Attract Visitors" color="#6506DF"]Nullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.[/content_box]

Right Aligned Icon Based Content Box

Exciting HeadlineLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.
Attract VisitorsNullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.
[content_box content_align="right_align" icon_type="yes" animation="fade_in" icon_align="listed-right" circle="yes" inverted="no" icon="shield" title="Exciting Headline" color="#56BFE7"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.[/content_box]
[content_box content_align="right_align" icon_type="yes" animation="fade_in" icon_align="listed-right" circle="yes" inverted="no" icon="suitcase" title="Attract Visitors" color="#6506DF"]Nullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.[/content_box]

Center Aligned Icon Based Content Box

Exciting HeadlineLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.
Attract VisitorsNullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.
[content_box content_align="center_align" icon_type="yes" animation="fade_in" icon_align="center" circle="yes" inverted="no" icon="shield" title="Exciting Headline" color="#56BFE7"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales, turpis ut aliquam elementum, ante elit placerat purus, non dignissim nulla sapien id dui.[/content_box]
[content_box content_align="center_align" icon_type="yes" animation="fade_in" icon_align="center" circle="yes" inverted="no" icon="suitcase" title="Attract Visitors" color="#6506DF"]Nullam ultrices nibh erat, eu sodales dolor varius sit amet. Nullam tempus tristique est, et consectetur ligula fringilla eu. Cras consequat volutpat placerat.[/content_box]

Content Box Options

  • id: Add a unique ID to the shortcode.
  • class: Add a class or multiple classes to the shortcode.
  • animation: “fade_in”, “move_left”, “move_right”, “move_up”, “scale_up”, “little_bounce”, “fade_in_down”, “fade_in_left”, “fade_in_right”.
  • padding: You can add the padding in this format. [0px, 0px, 0px, 0px] = [Top(px), Right(px), Bottom(px), Left(px)].
  • icon_type:“no”, “yes”,”image”, “imageicon”. “no” = No Icon. “yes” = With Icon.
  • image_src_st: Add Image URL if Box Type is image or imageicon.
  • icon_align: Add Icon Alignment if Box Type is yes. “listed-left”, “listed-right”, “center”.
  • icon: Add Font Awesome Icon name if icon_type value is either “yes” or “imageicon”. e.g. For fa-anchor, add the name without fa-. icon=”anchor”.
  • circle: Choose if you want to enable circle. “yes”, “no”.
  • inverted: Choose whether to invert the icon. “yes”, “no”.
  • color: Choose the color for the icon here.
  • bgcolor: Choose the color for the inverted icon background here.
  • title: Enter the title for the content box here.
  • content_align: Select this Icon Alignment. “center_align”, “left_align”, “right_align”.
  • activate_link: Enable or Disable Button/Container Link. “yes”, “no”.
  • link_style: Select Link Style. A) Button Link with Read More Text. B) Full Box Link. “button_link”, “box_link”.
    • link: Add button or box link for the box.
    • target: “_self”, “_blank”.
    • size: “small”, “medium”, “large”.
    • button_base: “border”, “fill”, “embossed”.
    • border_style: “square”, “rounded”.
    • button_color: “default”, “green”, “skyblue”. “red”, “pink”, “bright_blue”, “skygreen”, “white”, “violet”, “grey”, “dark_grey”.
    • effect: “flat”, “gradient”.
    • button_label: Enter Button Label.