CSSIgniter Shortcodes is a shortcodes plugin. But different.

Sure, you can create a button with a shortcode using our plugin or any other plugin, but how do you know it will look nice with your brand new premium WordPress theme? How do you know it won’t overlap or even break other shortcodes defined by virtually almost every other plugin? That’s right. You don’t.

That’s why we took the matter into our hands and created a set of beautiful, hand-crafted shortcodes, that work well with our themes. And yours. Now you know. Now you have a choice. Not only you can select ready-made shortcode themes and change the look and feel of your elements instantaneously, but you can also have compatible shortcode names by the click of a button.

Button shortcode

A small button A medium button A large button

Download now Download now Download now

Refresh Refresh Refresh

Rounded Rounded Rounded

A small button
A medium button 
A large button

Download now
Download now
Download now

Refresh
Refresh
Refresh

Rounded
Rounded
Rounded

Box shortcode

Just a box with some content in it.
A red box
With a black border and icon
Custom foreground color
Rounded corners on a spinning icon.

Grid shortcodes

	

		Two equal columns
		Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia.
	
	

		Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
	

Headings shortcodes

This is set from the options to be H2

A maroon H2 with globe

An H4 with a lemon

With a bottom border

This is set from the options to be H2
A maroon H2 with globe
An H4 with a lemon

With a bottom border

List shortcode

You can replace those boring default HTML bullets by any icon you like. Just create a normal unordered (ul) list from within the WordPress editor, and wrap it in a [list][/list] shortcode.

<ul>
 	<li>Item 1</li>
 	<li>Item 2
		<ul>
		 	<li>Item 2-1</li>
		</ul>
	</li>
 	<li>Item 3</li>
</ul>

Blockquote shortcode

Try not to become a man of success, but rather try to become a man of value.
"Albert

Separator shortcodes

Tooltip shortcode

Do you know what a CPU is?

Just a tooltip on the top.

How about an always on, right, tooltip?

on the top.

Map shortcodes

Slider shortcode

		
		

	
<img src="https://www.cssigniter.com/assets/shortcode_slides/slide1.jpg" alt="" />
	
<img src="https://www.cssigniter.com/assets/shortcode_slides/slide2.jpg" alt="" />
	
<img src="https://www.cssigniter.com/assets/shortcode_slides/slide3.jpg" alt="" />

Tabs shortcodes

		
		
"Tab
"Tab
Content 1
Content 2

Accordions shortcodes

Accordions’ syntax and attributes are exactly the same like the tabs shortcode. Only the actual names of the shortcode change. That way, you can easily swap from tabs to accordions and back, without touching any of the attributes.

		
		

	
"Tab
Content 1
	
"Tab
Content 2

Compatibility Mode

It’s quite common for users to have installed more than one shortcodes plugins, or for themes to provide their own shortcodes. When this happens, chances are that some shortcodes overlap, and more often than not, you end up having shortcodes that you can’t be sure where are they getting their styles and markup from. That’s why we developed a compatibility feature into our own plugin. Just go into the plugin’s settings panel, check the Compatibility Mode checkbox and Save Changes. You’ve just future-proofed your posts! But keep reading…

It’s nothing fancy really. All shortcodes now get a prefix of “ci-“ minimizing the risk of collision with other shortcode providers. For example, instead of [button]Hello[/button] you should now write [ci-button]Hello[/button][/ci-nocode]

Happy ShortCoding!