Shortcodes

Below is a list of available shortcodes. Severn includes a post editor menu which allows easy access to shortcodes and their options. Further information on shortcodes and their usage can be found in the provided documentation.

Progress Bars

[ecko_progress percentage=”75″]
[ecko_progress percentage=”40″ color=”green”]
[ecko_progress percentage=”55″ color=”orange”]
[ecko_progress percentage=”20″ color=”red”]

Image (Wide)

[ecko_wide][/ecko_wide]

Blockquote

[ecko_quote source=”Ken Venturi”]I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.[/ecko_quote]

Image Gallery

[ecko_gallery]

[/ecko_gallery]

Tabs

[ecko_tabs][ecko_tab_header id=”main”]Header One[/ecko_tab_header]
[ecko_tab_header id=”main2″]Header Two[/ecko_tab_header]
[ecko_tab_header id=”main3″]Header Three[/ecko_tab_header]
[ecko_tab_content id=”main”]
Ivy comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_tab_content]
[ecko_tab_content id=”main2″]
Tab Content for Header 2
[/ecko_tab_content]
[ecko_tab_content id=”main3″]
Tab Content for Header 3
[/ecko_tab_content][/ecko_tabs]

Toggle Boxes

[ecko_toggle style=”outline” title=”Toggle Box Outline Closed” state=”closed”]
Severn comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]
[ecko_toggle title=”Toggle Box Solid Closed” state=”closed”]
Severn comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]
[ecko_toggle title=”Toggle Box Solid Open” state=”open”]
Severn comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]

Buttons

[ecko_button size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”small” url=”http://google.com”]Button[/ecko_button]

[ecko_button size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”normal” url=”http://google.com”]Button[/ecko_button]

[ecko_button size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”large” url=”http://google.com”]Button[/ecko_button]

Alert Boxes

[ecko_alert]This is an alert example[/ecko_alert]

[ecko_alert color=”blue”]This is an alert example[/ecko_alert]

[ecko_alert color=”green”]This is an alert example[/ecko_alert]

[ecko_alert color=”orange”]This is an alert example[/ecko_alert]

[ecko_alert color=”red”]This is an alert example[/ecko_alert]

Code Syntax Highlighter

[ecko_code_highlight]var http = require(‘http’);
http.createServer(function (req, res) {
res.writeHead(200, {‘Content-Type’: ‘text/plain’});
res.end(‘Hello Worldn’);
}).listen(1337, ‘127.0.0.1’);
console.log(‘Server running at http://127.0.0.1:1337/’);[/ecko_code_highlight]
[ecko_code_highlight language=”python”]#!/usr/bin/python
# -*- coding: utf-8 -*-
import glob

# glob supports Unix style pathname extensions

python_files = glob.glob(‘*.py’)
for file_name in sorted(python_files):
print ‘ ——‘ + file_name

with open(file_name) as f:
for line in f:
print ‘ ‘ + line.rstrip()[/ecko_code_highlight]

Columns

[ecko_columns][ecko_columns_left]

Left Side

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ecko_columns_left][ecko_columns_right]

Right Side

Pull Quote

[ecko_pull_quote alignment=”right” source=”Ken Venturi”]I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.[/ecko_pull_quote]Quisque fringilla justo tristique mi fermentum accumsan. Integer feugiat, sem sit amet sodales cursus, enim lectus tempus tellus, nec facilisis tortor enim vel nunc. Donec facilisis arcu ac suscipit sagittis. Aliquam sollicitudin tortor et viverra commodo. Donec venenatis dignissim lacus quis dictum. Aliquam iaculis quam nec tortor volutpat, nec tempus diam efficitur. Phasellus vel orci placerat, ultricies nunc eu, tempus felis. Ut sit amet convallis velit. Mauris placerat neque at velit vehicula, iaculis semper purus blandit. Vestibulum vel tempus felis.

Annotated Content

[ecko_annotated header=”Annotation Header” annotation=”Annotation description text.”][/ecko_annotated]

Youtube Video

[ecko_youtube]ZwzY1o_hB5Y[/ecko_youtube]

Vimeo Video

[ecko_vimeo]35396305[/ecko_vimeo]