Boxes and chapters

  1. Home  /  Shortcodes  /  Boxes and chapters

Person box


Robert JuddCEO

[sourcecode language=”html”] [person_box title="Robert Judd" subtitle="CEO" image="http://pluto.themewoodmen.com/woo/wp-content/uploads/sites/4/2014/04/team-01.jpg"] …
[/person_box][/sourcecode]

person box parameters
  • title
  • subtitle
  • image - image source
  • style - circle thumbnails? - standard; rounded;
  • link
  • class - custom class, custom class name
  • animation - chapter animation effect
  • image_raw - image, image source

Button box

Like what you see? Buy this template!

Take my money
[sourcecode language=”html”][button_box text="Like what you see? Buy this template!" button_text="Take my money" link="..."][/sourcecode]
button box parameters
  • text
  • button_text - button text
  • link
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Copyright



Made with love by ThemeWoodmen

© 2024

[sourcecode language=”html”][copyright text="Made with love by ThemeWoodmen<br><br>© %year%" image="http://pluto.themewoodmen.com/woo/wp-content/uploads/sites/4/2014/04/logo1.png"][/sourcecode]
copyright parameters
  • text
  • type - inline or block style - inline; block;
  • image - image source
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect
  • image_raw - image, image source

Icon box type 1

Brand creation

Asunt in anim uis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[sourcecode language=”html”][icon_box header="Brand creation" icon="fa-cog" link="#"]…[/icon_box][/sourcecode]
icon box parameters
  • type - icon box type - 1; 2; 3; 4;
  • header - title
  • icon
  • link
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Icon box type 2

Brand creation

Nullam ac lacus eu libero condimentum. Aliquam volutpat. Proin commodo. Sed massa nunc, tincidunt.

[sourcecode language=”html”][icon_box type="2" header="Brand creation" icon="fa-trophy" link="#"]…[/icon_box][/sourcecode]
icon box parameters
  • type - icon box type - 1; 2; 3; 4;
  • header - title
  • icon
  • link
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Icon box type 3

Brand creation

Praesent dignissim dui eu urna feugiat lobortis. Morbi varius nibh sit amet adipiscing mollis. Aenean id neque ut augue gravida.

[sourcecode language=”html”][icon_box type="3" header="Brand creation" icon="fa-star" link="#"]…[/icon_box][/sourcecode]
icon box parameters
  • type - icon box type - 1; 2; 3; 4;
  • header - title
  • icon
  • link
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Icon box type 4

Brand creation

Praesent dignissim dui eu urna feugiat lobortis. Morbi varius nibh sit amet adipiscing mollis. Aenean id neque ut augue gravida posuere.

[sourcecode language=”html”][icon_box type="4" header="Brand creation" icon="fa-star"]…[/icon_box][/sourcecode]
icon box parameters
  • type - icon box type - 1; 2; 3; 4;
  • header - title
  • icon
  • link
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Price box

Standard

$30/mo
Get started
30 GB storage
200 GB bandwidth
10 email accounts
10 MySQL databases
3 support tickets per month
[sourcecode language=”html”][price_box title="Standard" value="30" superscript="$" subscript="/mo" button_text="Get started"] <span>30 GB storage</span>
<span>200 GB bandwidth</span>
<span>10 email accounts</span>
<span>10 MySQL databases</span>
<span>3 support tickets per month</span>
[/price_box][/sourcecode]
price box parameters
  • special - this offer will befeatured - yes; no;
  • title
  • value
  • superscript
  • subscript
  • link
  • button_text - button text
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Icon Price box

Standard

$30/mo

30 GB storage 200 GB bandwidth 10 email accounts 10 MySQL databases 3 support tickets per month

Get started
[sourcecode language=”html”][icon_price_box title="Standard" value="30" superscript="$" subscript="/mo" button_text="Get started" icon="fa-anchor"] <span>30 GB storage</span>
<span>200 GB bandwidth</span>
<span>10 email accounts</span>
<span>10 MySQL databases</span>
<span>3 support tickets per month</span>
[/icon_price_box][/sourcecode]
icon_price_box parameters
  • title
  • value
  • superscript
  • subscript
  • link
  • button_text - button text
  • icon - awesome icon name
  • icon_class - icon custom class name
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect

Alert box

Error: Your error message goes here!
Success: Your success message goes here!
Info: Your info message goes here!
Warning! Your warning message goes here!
[sourcecode language=”html”][alert_box type="danger"]…[/alert_box]
[alert_box type="success"]…[/alert_box]
[alert_box type="info"]…[/alert_box]
[alert_box type="warning"]…[/alert_box][/sourcecode]
alert box parameters
  • type - danger; success; info; warning;
  • animation - chapter animation effect

Promo box

We create design that works

Vestibulum quis leo risus. Mauris hendrerit risus a laoreet blandit. Cras eu arcu quis sem faucibus volutpat. Praesent facilisis mauris nec magna vulputate blandit.

More about us
[sourcecode language=”html”][promo_box title="We create design that works" button_link="..." button_text="More about us" image="http://pluto.themewoodmen.com/woo/wp-content/uploads/sites/4/2014/04/home-v1-promo.jpg"]…[/promo_box][/sourcecode]
promo box parameters
  • title
  • button_text - button text
  • button_link - button link
  • button_size - size, button size - default; lg; sm; block;
  • button_type - type, button type - default; primary;
  • image - image source
  • content_place - content place - right; left;
  • class - custom class, custom class name
  • animation - chapter animation effect
  • image_raw - image, image source

Thumbnails box

[sourcecode language=”html”][thumbnails_box columns="4"]…[/thumbnails_box][/sourcecode]
[sourcecode language=”html”][thumbnails_box_item src="http://pluto.themewoodmen.com/woo/wp-content/uploads/sites/4/2014/04/clients-logo-01.png" link="#"][/sourcecode]
thumbnails_box parameters
  • columns - 3; 4;
  • class - custom class, custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect
thumbnails box item parameters
  • src - image, image source
  • class - custom class, custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • src_raw - image, image source

Chapter

Factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay.

Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate.

chapter parameters
  • id
  • mode - display mode - default; fullscreen; invert;
  • title
  • subtitle
  • summary
  • background - background image, image source
  • background_color - fullscreen bg color - 1; 2;
  • chapter_custom_class - adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • top_padding - chapter top padding, defines top padding of the chapter. default value is 0. to set the top padding to chapter, enter value in pixels.
  • bottom_padding - chapter bottom padding, defines bottom padding of the chapter. default value is 0. to set the bottom padding to chapter, enter value in pixels.
  • hide_overflow - hide overflow? - yes; no;
  • bright_text - bright text? - yes; no;
  • animation - chapter animation effect
  • background_raw - background image, image source
[sourcecode language=”html”][ chapter background="2" bottom_padding="45"]…[/ chapter][/sourcecode]

Chapter with parallax background

chapter parameters
  • id
  • mode - display mode - default; fullscreen; invert;
  • title
  • subtitle
  • summary
  • background - background image, image source
  • background_color - fullscreen bg color - 1; 2;
  • chapter_custom_class - adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • top_padding - chapter top padding, defines top padding of the chapter. default value is 0. to set the top padding to chapter, enter value in pixels.
  • bottom_padding - chapter bottom padding, defines bottom padding of the chapter. default value is 0. to set the bottom padding to chapter, enter value in pixels.
  • hide_overflow - hide overflow? - yes; no;
  • bright_text - bright text? - yes; no;
  • animation - chapter animation effect
  • background_raw - background image, image source
[sourcecode language=”html”][ chapter bright_text="true" background="http://pluto.themewoodmen.com/woo/wp-content/uploads/sites/4/2014/04/home-v1-clients-bg.jpg" title="Chapter with parallax background" bottom_padding="45"]…[ /chapter][/sourcecode]

Get the newsletter

Follow us