There are many different styles of boxes and text containers you can use to display content on your site. Below are examples of the different methods and options.
[hr]
Show a quote from a customer or partner including an image and cite the author using the [quote]
shortcode.
We Doubled Our Sales!
With their help we increased our output and grew our average awesomeness. Don’t wait, you can be more awesome too!
[clear]
[code][quote author=”Robert Allen, WebTech.com” image=”http://yoursite.com/image.jpg” w=”200″ h=”120″ image_align=”left”]
<h4>We Doubled Our Profits!</h4>
With their help we increased our output and grew our average awesomeness. Don’t wait, you can be more awesome too!
[/quote][/code]
[clear]
[clear]
[clear]
I came looking for you!
I’ve staked my crew’s life on the theory that you’re a person, actual and whole, and if I’m wrong, you’d best shoot me now…
[clear]
[code][quote author=”Malcolm Reynolds, Firefly Inc.” image=”3901″ w=”265″ h=”150″]<h4>I came looking for you!</h4>I’ve staked my crew’s life on the theory that you’re a person, actual and whole, and if I’m wrong, you’d best shoot me now… [/quote][/code]
[clear]
We’ve reinvented our business.
I told them what I needed for my website and they made it happen. This theme rocks!
This is what you want!
Get on a jet to Tokyo and ask the Chairman. I’m telling you.
[clear]
An example of a vertical quote box by setting the style parameter to “tall”, for example: style="tall"
.
[code][quote author=”Joseph, Nakatomi Corporation” image=”3894″ w=”242″ h=”150″ style=”tall”]<h4>We’ve reinvented our business.</h4>I told them what I needed for my website and they made it happen. This theme rocks![/quote][/code]
[hr]
Show a pull quote within a paragraph, article or section of text.
[code][pull_quote]Your quoted text.[/pull_quote][/code]
[clear]
[clear]
[clear]
[clear]
You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the space craft encounters a black hole does the computer call it an unknown entry event? [pull_quote align=”right”]You think water moves fast? You should see ice. It moves like it has a mind of it’s own.[/pull_quote] Why don’t they know? If they don’t know, that means we never told anyone about it. And if we never told anyone it means we never made it out. Hence we die down here. Just as a matter of deductive logic.
You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us more than a week just to climb out. Now, I don’t know exactly when we turned on each other, but I do know that seven of us survived the slide… and only five made it out. Now we took an oath, that I’m breaking now. We said we’d say it was the snow that killed the other two, but it wasn’t. Nature is lethal but it doesn’t hold a candle to man.
[clear]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism. The animals can’t manufacture the amino acid lysine. Unless they’re continually supplied with lysine by us, they’ll slip into a coma and die.
Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more shows. [pull_quote align=”left”]It’s curious. Ted did figure it out – time travel.[/pull_quote]Some pilots get picked and become television programs. Some don’t, become nothing. She starred in one of the ones that became nothing.
You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
[clear]
[hr]
Show a dropcap for a block of paragraph text.
[code][dropcap color=”#415D9C”]D[/dropcap][/code]
[clear]
[clear]
[clear]
[clear]
DYou see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism. The animals can’t manufacture the amino acid lysine. Unless they’re continually supplied with lysine by us, they’ll slip into a coma and die.
[clear]
Created with shortcode: [dropcap]D[/dropcap]
[code]<p>[dropcap]D[/dropcap]You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are…</p>[/code]
[clear]
DYou see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism. The animals can’t manufacture the amino acid lysine. Unless they’re continually supplied with lysine by us, they’ll slip into a coma and die.
[clear]
Created with shortcode: [dropcap color="#415D9C"]D[/dropcap]
[code]<p>[dropcap color=”#415D9C”]D[/dropcap]You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are…</p>[/code]
[clear]
[hr]
The text box shortcode lets you add a block of text with a title and optional icon. The fonts in a text box are slightly larger than the default body fonts to make them stand out.
[code][text_box title=”My Title”]Your message text.[/text_box][/code]
[clear]
[clear]
[clear]
[clear]
[text_box title=”A Simple Text Box (no icon)”]You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.[/text_box]
[code][text_box title=”A Simple Text Box”]You see? It’s curious. Ted did figure it out…[/text_box][/code]
[clear]
[clear]
The examples below use column containers to create a 2 column layout of text boxes. An example of the code used is at the bottom of the list.
[clear]
[clear]
[clear]
[clear]
[clear]
[clear]
This is only a small sampling. For a complete list of icons available see the full icon list .
[clear]
[code][one_half]
[text_box title=”A Set of Text Boxs with Icons” icon=”icon-calendar”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half]
[one_half_last]
[text_box title=”A Set of Text Boxs with Icons” icon=”icon-info-sign”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half_last]
[clear][/code]
[clear]
[clear]
A series of custom icons are included with the theme to demonstrate this method. Below are examples of inserting a custom icon into a [text_box]
shortcode. There are more code samples at the bottom of the section.
[clear]
[clear]
[clear]
[clear]
[clear]
A small set of custom icons by Pixeden are included with the theme. The custom icon files are located in the theme folder: assets/images/icons/pixeden
[toggle title=”View full list of custom icons” border=”false”]
[bullet_list class=”icon-chevron-right”]
[/bullet_list]
[/toggle]
[clear]
[clear]
[code][one_half]
[text_box title=”Custom: Home Icon” icon=”custom” custom=”/wp-content/themes/parallelus-razor/assets/images/icons/pixeden/home.png”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half]
[one_half_last]
[text_box title=”Custom: Basket Icon” icon=”custom” custom=”/wp-content/themes/parallelus-razor/assets/images/icons/pixeden/basket.png”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half_last]
[clear][/code]
[hr]
The “Call to Action” shortcode is designed to draw attention to a headline and button.
[code][call_to_action title=”Your message text.”][/code]
[clear]
[clear]
[clear]
[clear]
[call_to_action title=”Call to Action with a Button…” button=”Button Text” link=”JavaScript:alert(‘Woohoo!’);”]
[code][call_to_action title=”Call to Action with a Button…” button=”Button Text” link=”JavaScript:alert(‘Woohoo!’);”][/code]
[clear]
[clear]
[call_to_action title=”Call to Action with a Tagline…” tag_line=”This is the tagline text below the title.” button=”Button Text” link=”JavaScript:alert(‘Here we go!’);”]
[code][call_to_action title=”Call to Action with a Tagline…” tag_line=”This is the tagline text below the title.” button=”Button Text” link=”JavaScript:alert(‘Here we go!’);”][/code]
[hr]
Message boxes for information and drawing attention to content.
[code][message_box]Your message text.[/message_box][/code]
[clear]
[clear]
[clear]
[clear]
[message_box]A standard message box[/message_box]
[clear]
[message_box]A standard message box[/message_box]
[clear]
[clear]
[message_box type=”note” icon=”yes” close=”Hide”]A note message box.[/message_box]
[clear]
[message_box type="note" icon="yes" close="Hide"]A note message box.[/message_box]
[clear]
[clear]
[message_box type=”info” icon=”yes” close=”Hide”]An information message box.[/message_box]
[clear]
[message_box type="info" icon="yes" close="Hide"]Info message.[/message_box]
[clear]
[clear]
[message_box type=”alert” icon=”yes” close=”Hide”]An alert message box.[/message_box]
[clear]
[message_box type="alert" icon="yes" close="Hide"]Alert message.[/message_box]
[clear]
[clear]
[message_box type=”error” icon=”yes” close=”Hide”]An error message box.[/message_box]
[clear]
[message_box type="error" icon="yes" close="Hide"]Error message.[/message_box]
[clear]
[clear]
[message_box type=”success” icon=”yes” close=”Hide”]A success message box.[/message_box]
[clear]
[message_box type="success" icon="yes" close="Hide"]Success message.[/message_box]
[clear]
[clear]
[message_box icon=”icon-heart” background=”#FF0066″]A message box with custom colors and icons.[/message_box]
[clear]
[message_box icon="icon-heart" background="#FF0066"]Custom message box.[/message_box]
[clear]
[clear]
[message_box icon=”icon-asterisk” background=”#556270″]A message box with custom colors and icons.[/message_box]
[clear]
[message_box icon="icon-asterisk" background="#556270"]Custom message box.[/message_box]
[clear]
[clear]
[message_box icon=”icon-shopping-cart” background=”#7FAF1B”]A message box with custom colors and icons.[/message_box]
[clear]
[message_box icon="icon-shopping-cart" background="#7FAF1B"]Custom message box.[/message_box]
[clear]
[clear]
[message_box icon=”icon-question-sign” background=”#00B4FF”]A message box with custom colors and icons.[/message_box]
[clear]
[message_box icon="icon-question-sign" background="#00B4FF"]Custom message box.[/message_box]
[clear]
[clear]
[message_box icon=”icon-beaker” background=”#FF5EAA”]A message box with custom colors and icons.[/message_box]
[clear]
[message_box icon="icon-beaker" background="#FF5EAA"]Custom message box.[/message_box]
[clear]
[clear]