Leveraging a little bit of CSS you can easily modernize your gravity forms style.

In today’s episode, we’ll show you how to “waterfall” your responsive options (doesn’t matter if you design mobile first or desktop first — Cornerstone can support you either way) in addition to some of the many user interface flourishes to help you identify and manage responsive styles.

Easily create a pricing table (or really anything else for that matter) that has two views and control those views with a modern toggle.

One of the great features of Cornerstone is the ability to take standard conventions and provide layers of native customization. This is no better on display than with the advanced background options available in Cornerstone.

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.

In today’s video we are going to take a look at how to build another mini app just using some fundamental plugins and WordPress.

Buttons are a staple in modern web design and arguably one of the most important parts of your page.

This video takes your application to the next level allowing you to add the ability to easily copy text fields to the users clipboard and provide a smooth snackbar notification for enhanced UX.

In this video we’ll look at how to easily build mini applications / tools with nothing more than WordPress, Gravity Forms, and your handy-dandy-page builder.

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.

One of the powerful features to Cornerstone is that it is part website builder part design tool. And that means doing things like rounding edges on your content containers is super easy.

Did you know that any container in Cornerstone can be made clickable? Mix and match with different Elements to create a more engaging (and better converting) experience.

In this video, we’re going to show you how to move Element styles from one place to another—not the content or the Element—just the styles!

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.

Breakout Mode allows you to quickly copy and paste across multiple control types. This is great for power users or if you like the look of simple inputs for managing your Element data.

In Part 5 of Getting Started w/ Cornerstone, we’re going to dive into the world of dynamic content in WordPress. In short, dynamic content allows you to build highly custom and personalized websites through pre-populated bits of data (it’s exciting, I promise).

The concepts here can be applied in many different scenarios

It’s Part 4 of Getting Started w/ Cornerstone, and it’s time to talk about bells and whistles! Done right, effects and animations can give your WordPress website that perfect polished touch.

In Part 3 of Getting Started w/ Cornerstone, we’re going to show you the most impressive Element library of any website builder on the market today.

In today’s episode learn all about Cornerstone’s family of website builders and how to tailor the interface to your optimal set up. It’s quite customizable!

Welcome to Getting Started w/ Cornerstone! In this inaugural episode, we’re going to give you a quick overview of Cornerstone — the most advanced website builder in WordPress.

In this preview episode from Web Design Magic, learn how to get started using Components and Parameters on your WordPress websites powered by Cornerstone.

MarkUp – A phenomenal tool for client feedback.

Easily customize the WooCommerce cart page with nothing more than a little bit of CSS. No need for bloated plugins, complex template editing, or even a single line of php.

In today’s video we are going to take a look at how to customize the WooCommerce checkout page.

In today’s video we are going to take a quick look at how to build some easy but elegant hover effects.

Easily turn the native Cornerstone dropdown menu element into a mega menu element with some simple tweaks and a small line of CSS

In this tutorial we’ll take a look at how to level-up the WooCommerce Account page easily and effectively using nothing more than Themeco’s Cornerstone Builder & a sprinkle of modern design.

Looking to see how Global Blocks work alongside the new Component Builder in Cornerstone? You’ve come to the right place! This seamless transition will allow you to continue to use your old Global Blocks but with an entire new set of Component features.

What is Cornerstone? Only the most advanced website builder in WordPress and powerhouse behind X and Pro — our two popular WordPress themes. X customers have access to limited Cornerstone features in a separate plugin whereas Pro users have access to everything natively (no extra plugin needed).

In today’s video
we are going to take a quick look at a
Nifty little tool called fig stack now
fig stack is a great tool for those of
you coders out there who frequently
search forums…

Easily customize the WordPress Admin for your clients. Not a typical admin theme, this is a straight up admin framework.

In today’s video we are going to take a quick look at how to use the modal element as a light box for your ACF image galleries.

We are actually going to shake things up a little bit and take a look at what the future holds for Cornerstone.

In this video we’ll take a look at how to setup a custom post type on your WordPress site from creation and configuration to front-end presentation

You can find an example of the custom query string used in the Looper Provider

Learn about Cornerstone’s powerful new Slider Element and build native sliders in WordPress, all without 3rd party plugins or extra code! Cornerstone is the world-class page builder behind two of the most popular WordPress themes on the market — X and Pro.

Base query string (this works to pull in a custom post type and sort it by a specific meta field). Full query used in video (this works to pull in custom post type, sort it by a specific meta field and then add the greater than or equal to today’s date parameters)

One of the great advancements in web design is the advent of modern tools, like our very own Pro, that allow you to quite literally build in the browser. This significantly improves efficiency, allowing you to bypass one whole step in the process (bye bye Photoshop). Now you can iterate on the design right in the very tool you are building your website, and that is powerful!

Pro is uniquely special in this regard, and in many ways is the future of WordPress themes. And we know…that’s a bold statement…so let us prove it to you! In today’s video, we continue our exploration of a few classic pieces of cover art design from the Blue Note Records archives talking specifically about John Coltrane’s 1958 release, “Blue Train.”

We’ll recreate this completely in Pro and cover detailed use of the Background Size and Background Position properties, as well as using Mix Blend Mode to “filter” our image just like you might in Photoshop…but without the Photoshop, directly in the browser. Additionally, we’ll discuss the use of CSS filters to further explore adding contrast and brightness to our images. Finally, we’ll dig into using the CSS Grid layout system to block out our album design, and use CSS transforms to creatively manipulate text…and break a few rules along the way.

Let’s talk advanced web design.

In this first video of a three part series, we’ll be taking a deep dive into the cover designs of Blue Note Records and see how we can apply some of the lessons we learn to the world of web design with good ol’ HTML and CSS. We’ll be exploring creative uses of CSS filters, the CSS grid spec, mix blend mode, image layering, and so much more to recreate these timeless classics directly in the browser…no Photoshop needed.

One of the really interesting things about Blue Note is that while they produced some of the most iconic pieces of music in the jazz genre, they were almost equally as well known for their creative and bold album covers. These sophisticated works combined creative typography, clever photography, striking color combinations, and modern grid layouts in ways never seen before. If you’d like to follow along with us in this series, check out our Design Cloud asset based on the ideas that we are going to be exploring: https://demo.theme.co/designcloud/con…​

You can use that web design template to deconstruct these ideas further and implement similar techniques on your own website if it fits your creative vision.

Who here likes their menus *mega*? I see you raising your hand in the back of the class. In this video, we’ll explore Cornerstone’s new dropzone-powered Dropdown, Modal, and Off Canvas Elements, which allow you to implement designs and layouts using anything from the Element Library directly within the content areas of these contexts! As a case study, we’ll explore the Mega Menu Prefab Elements as a jumping off point to get you creating your own custom mega menu designs in no time (we’ll also cover a few auto responsive tricks and tips along the way).

In this tutorial we’re going to take a high-level look at how to dynamically personalize a page on your site by adding a simple query string (the /?key1=word1&key2=word2) to the url.

We have arrived! In the third (and final) installment of our series on using Loopers with ACF Pro, we explore the concept of Repeaters, which give us the ability to loop through custom lists of data for our designs. But we don’t just stop there. We take things to a whole new level by showing you how (and why) you can nest Repeaters *within* other Repeaters to create complex datasets to achieve almost any type of output you can imagine.

Pro Theme makes it incredibly easy to add solid color backgrounds, color overlays and so much more to your designs. But one thing that used to leave me scratching my head was how to incorporate gradients.

Pro Theme makes it incredibly easy to add solid color backgrounds, color overlays and so much more to your designs. But one thing that used to leave me scratching my head was how to incorporate gradients. This quick little tutorial will walk you through how to do just that.

In the second of our three-part series on combining ACF Pro with Loopers, we’ll dig deeper into working with multi-dimensional fields using the “Gallery” post field. We’ll discuss how to setup Providers and access that data with multiple Consumers, in addition to walking through the general design setup as a whole to give you some ideas for thinking creatively when working with your content.

Loopers, loopers, loopers. It seems to be all anyone is talking about around here lately…and with good reason. Loopers open up so many possibilities when working on design patterns for your website, which is why we are incredibly excited to announce a brand new Looper Provider with this latest release cycle (and it’s a biggie): ACF Pro Integration! ???? Follow along as we begin our ACF Pro journey with an example template that showcases just a few of the many possibilities opened up to our designs when pairing this industry standard plugin with our powerful Looper feature.

From simple to advanced, effects can add just the right touch to your website. In this video, we do an in-depth walkthrough of a more advanced interaction effect that requires us to break down our design into multiple Elements that will be chained together to create a uniform look and feel that would otherwise be impossible with just one layer. Follow along as we learn more about effect deconstruction and how you can use it in our website builders.

If you’re a power user, or already mildly familiar with Pro Theme, this video is not for you. But for those of you new to Pro, I hope this walkthrough helps get you comfortable using one of the most powerful WordPress builders on the market.

The latest version of Themeco’s Pro Theme unlocks the potential to customize nearly every aspect of your site – from pages, headers, and footers to post type layouts and archive layouts (even custom post types and WooCommerce products).

Take your designs to the next level by simply understanding how to further customize dynamic content.

It’s always good practice to provide your customers with visual cues throughout their shopping experience and always include a clean path to purchase.

I’m a sucker for consistency – so when I finally get an element looking just right on my site, I’d like to keep it that way. But every time I added that same element to my header / footer. It changed. This is how you solve it.

Learning how to setup your own custom post types and style those with the layout builder can be quite the undertaking. Thankfully Themeco’s PRO theme does much of the heavy lifting but, like with any powerful tool, you need to know how to use it.

In this quick (8 minute… not so quick) conditional logic tutorial we’ll take a look at how to create a button that always shows the next upcoming event and disappears altogether if there is no upcoming event.

While copy/paste might seem like an incredibly minor feature, being able to copy/paste across tabs ads a ton of value. This video walks you through this is (currently) done natively in Pro 4+

Loopers and consumers can seem daunting at first but understanding how they can practically be used to create feeds of any type (in this case, WooCommerce product feeds).