X Theme Shortcodes

The Complete List of X Shortcodes

Developing a lot of sites with X? Download this 24 page cheat sheet and stick it onto your desk for easy reference!

x theme shortcodes list

How to use these shortcodes

We've put together a complete list of all the X Theme shortcodes. All X Theme shortcodes have their own unique styling depending on their active stack. However, across the board, they have quite the same similarities.

The concept of this tool is based on the already existing list of shortcodes available on Themeco’s website, which is a great list, however, I was confident that I could create an easier to browse page. To dive deeper, I suggest you checkout the X Theme Forum and knowledge base.

You can use these X Theme Shortcodes for all the stacks. For the sake of the length of this page, I did not list all different variants — playing around with these is up to you (explore the "Shortcode options" tab).

Don't be afraid of using shortcodes in Cornerstone, you can come up with some pretty unique designs that way.

To make it easier for you, we've created a neat copy / paste button. Pretty sweet huh?

Without further ado, here’s a complete list of X Theme shortcodes.

PS: Themeco ran several updates to Pro (which this site is running on) and some shortcodes are not showing up below. Nonetheless, the PDF download still has all of them. We are working on fixing this tool.


Accordion Shortcode

Adds a responsive accordion drop-down for sharing larger pieces of content.


Insert your text here

Different types of alerts – adds a colored box. Every alert type comes with their own color as shown below.


Audio self-hosted

Audio embedded

*Your iframe embed*

Adds a minimal audio player. Host your own audio or embed audio from a different source (e.g. SoundCloud)



Chris Schwartze

Best way out is always through.

X Theme author shortcode adds a responsive author box, showing author name, Gravatar and author description.

Block Grid

Three Up

  • "Place
  • "Your
  • "Your

Four Up

  • "Place
  • "Your
  • "Your
  • "Your

Block grids give you an evenly split images or text within the grid.

Block Quote

I took my daughter to the father-daughter dance, and I cried like a little baby."Kevin

This X Theme shortcode adds a responsive quote and cite.


Square Button

[Square Button[

Round Button

[Round Button[

Pill Button


Transparent Button

[button type="transparent" shape="square" size="regular" href="#fakelink" title="example"]Transparent Button[

Marketing Button


Tooltip Button

[Popover button[

Popover Button

[Popover button[

These X Theme button shortcodes are no joke. There are literally over 50 different shapes, sizes and colors. Endless possibilities.

Call out




Big call to action with a headline, text and button.


The clear property specifies on which sides of an element floating elements are not allowed to float. (Source)

Code Markup

 <h1>Love this resource</h1><p>No problem bro!</p> 

Gives you the ability to add markup to your website. (e.g. HTML, CSS, Javascript)


Add a long paragraph of text here

Split any amount of content into a left and right side.


Your first piece of content goes here
Your second content piece of goes here

X Theme column shortcode splits up pieces of content in different columns. These X Theme shortcodes take up the entire page width, make sure to explore different options!

Content Band

Your content here

With the the content band shortcode, it’s incredibly simple to add custom, one of a kind elements to your pages and posts with hardly any work at all. (Source)



X Theme counter shortcode adds a simple counter for sharing stats, and other stuff that uses numbers.

Custom Headline

<"h1"  class="h-custom-headline "h1"" >Your Headline

Headline with several options in terms of level and look.


Your text here

Large capital letter at the beginning of a text block.

Entry Share


This X Theme shortcode adds various social sharing buttons

Feature Headline

<"h3"  class="h-feature-headline "h5"" > Check out my YouTube 

Adds a Font Awesome Icon + Custom Headline.


Gap shortcode allows you to add vertical spacing between different elements on your page.

Highlight Text

This is highlighted text

Allows you to highlight certain parts of text in color.

Icon List

  • Item 1
  • Item 2
  • Item 3

Creates an icon list. (View icon cheatsheet here)


Retina-ready icons. (View icon cheatsheet here). . You can change the X Theme icon size by assigning a class to the shortcode and change the font-size.



This X Theme shortcode adds an image. But wait, there are a ton of options, make sure to try them all.


A simple line shortcode.

Google Maps

Your google maps iframe here

X Theme shortcode map displays the almighty famous Google Map.

Popovers & Tooltips


 Place your content here 


 Place your content here 

These X Theme shortcodes add a popover or tooltip on any specific element.


Your text here.

X Theme Promo shortcode adds an image, text and call to action button.




Thick border box, custom headline, text and a call to action.

Protected Content

Restricted Content Login

Adds a responsive quote and cite


I have never, honestly, thrown a chair in my life."Steve

Protect a piece of content with a WordPress login.

Recent Posts

X Theme recent post shortcode shows your latest blog article — make sure to play with different variations!

Responsive Lightbox

X Theme lightbox shortcode is a JavaScript library that displays images and videos by filling the screen, and dimming out the rest of the web page. (Source).

Responsive Pricing Table



  • All Widgets
  • All Wadgets
  • All Wedgets
  • Wodgets
  • Gizmos
Your textSign Up Today![/button]

"Plus" "Featured"


  • All Widgets
  • All Wadgets
  • All Wedgets
  • Wodgets
  • Gizmos
Your textSign Up Today![/button]



  • All Widgets
  • All Wadgets
  • All Wedgets
  • Wodgets
  • Gizmos
Your textSign Up Today![/button]

This X Theme shortcode adds a clean pricing table.

Responsive Slider

  • <img src="http://yourdomain.com/image.jpg" alt="Example">
  • <img src="http://yourdomain.com/image.jpg" alt="Example">
  • <img src="http://yourdomain.com/image.jpg" alt="Example">

Simple, lightweight image slider.

Responsive Heading

<"h2"  class="h-custom-headline "responsive-heading"" >Check It Out, I'm Responding! 

Makes your headline look great on all devices. (More info)

Responsive Video

Self hosted video

Embedded Video

*Your iframe code*

Allows you to self host video or embed YouTube, Vimeo or other service with these X Theme shortcodes.

Responsive Visibility

Place your content here.

With responsive visibility, you can easily show or hide various pieces of information with different groups of visitors viewing your site on a wide array of devices.

Skill Bar


With responsive visibility, you can easily show or hide various pieces of information with different groups of visitors viewing your site on a wide array of devices.

Tabbed Content

Paginate individual posts or pages in WordPress

Table of Contents


Using these X Theme shortcodes it for this page. You’re reading in tabbed content shortcode right now.