Full Screen Video

Roy AngerUpdated:


A few people have asked about full screen video without using Revolution Slider. X/Cornerstone already supports background video, so we only need a little massaging to make it full screen. However, before we do that let’s talk about the challenges of doing this. First, you will need to either self host the video or have a direct link. A normal Vimeo or Youtube link is not a direct link, but rather a link to the page. You need to be able to link directly to the file. On Vimeo this … Read More

Swap Columns on Mobile

Michael BourneUpdated:


How can I swap columns on mobile? That question has been asked so many times, but sadly the answer has never been consistent. I’m going to show you two ways to achieve the effect of swapping columns on mobile with this tip. How I swap columns. I want to preface that there are a few methods to achieve this, and no one way can be called “more correct” than the other. Ever since I originally posted the CSS needed to do this in the X Users group, X has changed … Read More

Create Your Own Custom Tabbed Content

Michael BourneUpdated:


So you want to create your own tabs, eh? Recently a group member asked about creating their own tabbed content using images as the tabs. I posted the generic code needed to achieve the effect but decided it would make a neat little tip to put on the site as well. View Demo Here Tabbed content is great for formatting groups of text into one neat, easy to read area. And although there is speculation that Google will discount hidden text in its rankings, the majority of uses for tabs … Read More

Create Columns with Equal Heights

Roy AngerUpdated:


A common request we see on the X Theme Users forum is to create equal height columns in Cornerstone. We’re going to cover three ways to do this in X. Yup, three ways! A little bit of CSS, added either to the page if you want it for one page, or to the Customizer if you want it for multiple pages, gives you the building block you need. Then add the class ‘flexmethod’ to the row (not the column). Its quick. Unlike the JavaScript method it shows equal height columns … Read More

Enqueue Your CSS and JS

Roy AngerUpdated:


We’ve all been there. You spend time adding CSS rules to change the look of something on the site, save your edits and refresh the site. And nothing changes. What the hell? CSS is a very complicated system to wrap your head around if you’re new to it. Depending on specificity and rule placement and external stylesheet loading order some rules take precedence over others. With X one of the biggest frustrations can be that the stack styles take precedence over the Child Theme’s style.css file. If you’re putting CSS … Read More