Layout Tips

Welcome to Cornerstone Quick Tips — your one stop shop for learning the ins and outs of the most advanced builder in WordPress! In Layout Tips we're going to show you how to leverage the incredible canvas available in Cornerstone to create some truly inspired designs. Ready for the next level in web design? Go Pro.

Did you know that any container in Cornerstone can be made clickable? You can even mix and match with different Elements to create a more engaging (and better converting) experience for your visitors. Let's say you want the image, headline, and button to all lead to the same place...it's as easy as one simple change!

Looking to align buttons in a column? This is a common convention in website building and especially helpful if you have variable height content in something like a pricing table or feature list. This is very simple to do in Cornerstone, and in this Quick Tip, we'll show you exactly how to do it (we'll even touch on a little Flexbox).

Cornerstone includes a cornucopia of configuration controls for columns (say that 5 times fast), and in this video we're going to show you just a taste of what you can do with this all-important structural element.

Want your columns to grow to fill the available space? Just a click away. Want to harness the power of Flexbox for creative layouts? Just a click away. Want to split them up and leave space in between? You guessed it. Just a click away.

Looking to make your website truly unique? You're going to love this tutorial!

With features like our advanced background controls, you can mix and match images, colors, gradients, and more to create that perfect layered look.

You know how in real estate they say you have just a few seconds to make a first impression? It's rumored that people decide within 8 seconds whether they like a house.

It's no different with websites. Headers serve as the "first impression" to your website and are thus critically important to the liklihood that someone will navigate further into your digital home and engage with your website.

Learn how to tap into some of the many native options available in Cornerstone's dedicated Header Builder and discover how to build the perfect header for your website.

Looking to create Archive Layouts with a nested Looper Provider (while accessing a custom taxonomy)? This is the tutorial for you!

If all of these terminologies are new to you, or if you need a refresher, be sure and check out these resources on Archive Layouts and Loopers.

Have you heard of a Div? Ever used one when building a website? Chances are you haven't (and haven't).

At their core, Divs are a helpful container Element that can be used for many different applications when a Row, Column, or even Grid Layout doesn't quite cut it. Learn how to work with this useful Element in your next website build.

Building a beautiful 404 page is the hallmark of any good website, and all of the best WordPress themes should include this as an option. If they don't, that is a major red flag.

In today's video, we're going to show you how to build a custom 404 page in WordPress (in about 30 seconds) using all native Cornerstone features!

This is especially helpful if you are using the Blank or Starter Stack as these are the closest to blank canvases from a design standpoint. If you are looking for a ready-made designs, be sure to check out the other Stacks: Integrity, Renew, Icon, or Ethos. They each include 404 designs that you can further customize as you see fit. You will still be using all native features just with an initial design to help you get started.

Looking to let your visitors or customers know about a new feature? Maybe the website itself is under construction? Either way, Cornerstone allows you to easily build Coming Soon pages using all native features, and in this video, we're going to show you exactly how it all works so you can create your own.

There are some website layouts that are so popular they are used by everyone from complete beginners to billion dollar brands. This is one of those designs! Follow along as we show you how easy it is to create and start building better blogs with the one and only Cornerstone Builder.

Images are the backbone to your site's content, and we include a very powerful native Image Element that let's you do just about anything. But what if you find yourself needing placeholder iamges? Maybe for a client or layout or specific use-case? Follow along as we show you how to simply and easily incorporate custom placeholder images directly in Cornerstone without having to leave the builder and with no plugins required!

The unsung hero to many a successful website, footers are the secret weapon for people who really want to take things to the next level! Discover how to create them (with style) using Cornerstone's powerful Footer Builder.

Layouts play a crucial role in the web design process, as they shape the structure and flow of your site. With that in mind, let’s explore just one of the versatile layout options available in the Cornerstone Builder — the full width left or full width right layout. Not only will you learn how to create this timeless design, you’ll also uncover the array of native features within Cornerstone that allow you to fine-tune every detail and achieve a polished, professional look.

If you like pushing the frontier of what is possible in Cornerstone, you are going to love this tutorial! Follow along as we show you how to build completely custom portals and dashboards in WordPress with Cornerstone and just one plugin. Build any part of your web experience with the incomparable Cornerstone Builder.