Element Tips

Welcome to Cornerstone Quick Tips — your one stop shop for learning the ins and outs of the most advanced builder in WordPress! In Element Tips we're going to show you how to use the unrivaled collection of Web Design Elements available in Cornerstone. These beautiful building blocks can be used on their own or stacked together in some truly remarkable ways. Looking to take your personal or client website to the next level? Go Pro.

Copy and paste everything from a tiny Element all the way to a complete Section. This is one of those quality of life features that you simply won't find in most other WordPress themes or website builders and really makes a difference once you get into your workflow. To use it, make sure the "Context Menu" is turned on in Cornerstone Preferences.

Not only can you copy and paste Elements, you can also copy and paste Element styles using the same right-click menu.

Build better buttons with Cornerstone! In this video, learn how to use native features to create powerful buttons, hover states, and more. You can even customize how the same button appears on different devices.

Who doesn't love hidden features and cheat codes? This one may not be as popular as some from your childhood (Konami anyone?), but it will certainly help you with some layout magic for your WordPress website.

In today's tutorial, we're going to show you how to place Elements on a page without a Section or Row. You may not need to use this often, but when you do, it's a super handy feature to have in your back pocket.

Vertical tabs can be oh so elegant, and in this video we're going to show you step-by-step how to create your very own vertical tabs in WordPress (with a slider combo) using a mix and match approach to Cornerstone's family of Elements.

This is one of the superpowers of Cornerstone. Not only do you have tools like the Element API to create custom Elements, you also have a way to create them through combining other Elements (plus a little help from Custom Attributes).

You have multiple options for creating new Elements including Element Parameters and our Element API. But that's not all! You can also mix and match other Elements on the fly to create your own inspired implementations. Follow along as we show you just one example by creating a video lightbox.

Components and Parameters allow you to not only extend the functionality of your Elements, they also allow you to extend the builder controls that manage those Elements as well. With this in mind, let's take a look at one of the most advanced examples of this in action — something we're calling Self-Looping Parameter Elements.

If you are looking for a quick way to get started with these powerful features at bleeding edge of the powerful Cornerstone Builder, we encourage you to check out Personify. Not only will you receive four custom websites designed by an award-winning digital agency, you will also receive hundreds of Custom Elements, powered by Components and Parameters, that you can use for your own personal or client websites.

Parameters can be used to extend and customize the controls on any given Element, and they can even be used to create your own Custom Elements. But did you know you can create Global Parameters to manage global settings throughout your site?

As website builders, we should always be looking for creative ways to tell our story online, and few Elements are more helpful towards this end than Cornerstone's native Slider. Let's take a look at just a taste of how you can use this powerhouse of an Element to engage your visitors and wow your customers in style. Looking for more? We've put together an entire Course & Expansion Pack on Sliders that you do not want to miss.

Flexbox allows you to manage space in and around columns and rows on your website to structure content exactly as you need. Cornerstone provides several native Flexbox settings, and we are excited to introduce gap support! In addition, we've introduced two new Pre-Fabs (H Flex and V Flex) to help you get up and running quickly.

Have you ever stuggled with Toggles? Maybe you didn't even know some of their use cases? If so, you will love this helpful video! Learn how to use Cornerstone's Toggleables on your next personal or client webiste.

There's probably not an Element you'll use more when building a website then the good ol' Text Element. It's a foundational building block. Thankfully, Cornerstone gives you numerous customization options to help your words jump off the page (literally if you're using something like Lottie Animations). But did you know you can add beautiful gradient text for a truly inspired look and feel? Follow along as we show you exactly how it all works.

Modern Sliders have proven to be effective building blocks thanks to the powerhouse Slider Element built natively into Cornerstone. But did you know you can leverage slider triggers to change how your visitors interact with these versatile Elements? It's easier than you think and will instantly add a more interactive aspect to your web design.