Speed Matters. The X Theme web hosting review.

Michael BourneUpdated:

As we continue on the topic of website speed, it’s important to note one of the biggest contributing factors: your host. A great host can launch your site to speeds unimaginable by others, and a poor host can hold you back by great lengths. But as many of our readers know, there’s a lot of selection out there. That’s why we set out to help you make that choice, by completing in-depth reviews of 11 hosting packages. We tested them for speed, scripting benchmark scores, and their ability to handle … 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

Transparent Fixed Header (Opaque on Scroll)

Michael BourneUpdated:

It’s not uncommon to see X users make their navbar transparent, but what about a transparent fixed header that stays transparent while passing over your hero image and turns to opaque for the remainder of the page? As it turns out, it’s not hard to achieve. We just need to use a little bit of custom CSS and jQuery. Getting started To begin this specific example, we will be using an inline header layout. In the customizer, we have set the navbar background to transparent and the link colours to … Read More