Shortcodes – Display Elements

Shortcodes – Display Elements

55+ [highlight color=”gray”]useful[/highlight] shortcodes make editing content a snap. Select from simple HTML formatting (like highlights, dropcaps, spacings etc.) to complete plugins (sliders, maps, tabs etc.) To make life easier, there is an advance inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax (or worse, memorizing each and every option of your favorite shortcode).

[break]

Dropcaps

[dropcap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at ullamcorper magna vehicula. Curabitur eget purus erat, ut porta mi.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis at ullamcorper magna vehicula.[/dropcap]

Highlights – 10 presets + Unlimited Custom Colors

Special notes can be highlighted using the ‘highlight’ shortcode. Use from a pre-existing set of colors ([highlight color=”black”]Black[/highlight], [highlight color=”gray”]Gray[/highlight], [highlight color=”white”]White[/highlight], [highlight color=”blue”]Blue[/highlight], [highlight color=”yellow”]Yellow[/highlight], [highlight color=”red”]Red[/highlight], [highlight color=”orange”]Orange[/highlight], [highlight color=”green”]Green[/highlight], [highlight color=”pink”]Pink[/highlight], [highlight color=”purple”]Purple[/highlight]) or set your [highlight bg_color=”#9c5600″ text_color=”#ffffff”]own custom background color and text color[/highlight] .

Buttons – 10 presets + Unlimited Custom Colors

Buttons come in 4 sizes – small, medium, large and huge. Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your [highlight color=”yellow”]own custom background color and text color[/highlight] .

[button href=”http://google.com” align=”left” color=”purple” size=”small”]Button Text[/button][button href=”http://google.com” align=”left” color=”pink” size=”small”]Button Text[/button][button href=”http://google.com” align=”left” color=”green” size=”small”]Button Text[/button][button href=”http://google.com” align=”left” color=”orange” size=”small”]Button with longggg text[/button]
[clear]
[button href=”http://google.com” align=”left” color=”red” size=”medium”]Button Text[/button][button href=”http://google.com” align=”left” color=”yellow” size=”medium”]Button Text[/button][button href=”http://google.com” align=”left” color=”purple” size=”medium”]Button Text[/button][button href=”http://google.com” align=”left” color=”pink” size=”medium”]Button with longggg text[/button]
[clear]
[button href=”http://google.com” align=”left” color=”blue” size=”large”]Button Text[/button][button href=”http://google.com” align=”left” color=”orange” size=”large”]Button Text[/button][button href=”http://google.com” align=”left” color=”green” size=”large”]Button Text[/button][button href=”http://google.com” align=”left” color=”yellow” size=”large”]Button with longggg text[/button]
[clear]
[button href=”http://google.com” align=”left” color=”black” size=”huge”]A Huge Button[/button][button href=”http://google.com” align=”left” color=”gray” size=”huge”]A Huge Button[/button][button href=”http://google.com” align=”left” color=”white” size=”huge”]A Huge Button with longggg text[/button]
[clear]

[break]

Break & Top

Use break for creating sections and top for going to the top of the page.

[top]

Testimonials

Show the testimonial shortcode to insert testimonials easily with or without the picture. [testimonial img=”http://demo.webylabs.com/juxtersample/wp-content/themes/juxter/assets/skin_light/images/car_item_bg.png” by=”John Doe” website=”http://yourwebsitehere.com”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor faucibus sit amet sed diam, blandit id est. [/testimonial]

Maps

Fill in the coordinates, and you have yourself a Google Map

[map width=”580″ height=”300″ zoom=”8″ lat=”51.5″ long=”0″]

Frames – Left, Right and Center

[frame_left][vspace space=”5″]A Left Frame with image
and some text…[/frame_left] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor faucibus sit amet sed diam. Morbi venenatis malesuada velit, eget ornare tellus bibendum at. Sed leo mi, vulputate non iaculis suscipit, blandit id est. Class aptent taciti sociosqu ad[frame_right]This is text in right
aligned frame. Lorem
ipsum dolor sit amet,
consectetur elit.[/frame_right] litora torquent per conubia nostra, per inceptos himenaeos. Proin tempor aliquet purus eu accumsan. Sed aliquet tortor id tortor euismod aliquam. Nam enim leo, sagittis sollicitudin luctus sed, accumsan at augue. Ut nec mattis urna. Vivamus interdum elit nisi, et placerat ligula. Phasellus mollis condimentum facilisis. Maecenas sollicitudin, risus sed rutrum tincidunt, est orci, [vspace space=”10″][frame_center][vspace space=”5″][vspace space=”5″][/frame_center][vspace space=”10″]sed pharetra ligula sapien eu mi. Nulla eu lectus vitae odio vulputate luctus fermentum sed libero. Donec quis est nunc, id semper ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis vulputate at ullamcorper magna vehicula. Curabitur eget purus erat, ut porta mi.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis mi at felis at ullamcorper magna vehicula.

[top]