Themeco docs To add the Creative CTA Element, simply search for "Creative CTA" and drag "Creative CTA" to the canvas. The Content Builder, the Header Builder and the Footer Builder. 2. This is a JSON array of object, which can contain any number of data points you wish to later reference in your Element. This section of controls allows you to set the amount of columns in addition to the layout of your Row all from the first couple controls in the Inspector: The Layout Builder is a powerful tool that opens up a wide range of possibilities for all skill levels. 0 is powered by Twig and available in Pro 6. 6. The Navigation Modal Element is a Prefab Element, which means that it is made up of one or more primary Elements already found within our Element Library (along with introducing some minor base value updates when needed). php of your child theme . It can be used to craft the primary output for any singular endpoint in your WordPress installation. Elements can have a general purpose such as the Text Element, or more specific and multi-dimensional such as the Accordion or Navigation Elements. This is a tremendous step forward in the ability to design intricate dropdown layouts. Setup. What is a Gallery. The Meta Line Element can be used as a quick starting point to output meta information on Posts, Products, et cetera. There are over a dozen articles dedicated to different aspects of working with Dynamic Content in Cornerstone. Connecting and looping data from an external API can offer a huge amount of versatility to your site. Save the file and the CORS will be activated on the server. Element CSS is our answer to the shortcomings of simply offering an “inline CSS” input on an element as many builders do. If you're new to Themeco or want a refresher, don't forget to check out our Getting Started w/ Cornerstone series. If you have purchased one of our products from Envato Market, you can setup your account here . On the Cornerstone home page, there is usually a link to purchase another license. We've discussed what it is, how it works, and some of the amazing features at your disposal. What we are affectionately calling Dynamic Content 2. The final transform of translate(0px, -50%) is needed to achieve true vertical centering by bumping it upwards by 50% of its intrinsic height, as top: 50%; along with absolute positioning will actually place the navigation slightly below the mid-line of the wrapper. Updated: Allow Dynamic Content in Icon and Social Sharing type via Dev Toolkit Bugfix: Fix Grid element not applying Dynamic Content in styling fields What is Design Cloud. Our group is going to be example which will be store as example:condition. This vertically centers the navigation while also having it stretch from left to right within the parent container. Revolution Slider is an innovative, responsive WordPress slider plugin that displays your content the beautiful way. Meaning you can switch one of the colors and it'll instantly update sitewide, saving you time on going back and forth editing individual color values. This is a great place to Want to separate a headline from its body using a horizontal line? This is just one of the uses of the Line Element. For example: Displaying different content for logged in vs logged out users. Tabs Setup. This is a tremendous step forward in the ability to design intricate modal layouts. Bugfix: Fix smooth scrolling regression. It allows you to create contact forms and add those forms to any page on your website using a generated shortcode. Modern Sliders is a Course & Expansion Pack that shows you how to use sliders to recreate everything from product comparisons to pricing tables. Search Setup. If Sub Links are present in your navigation, clicking on a parent link will reveal those Sub Links by transitioning to the submenu with a horizontal translation: Looper Provider API. There are two ways to setup a Themeco account. —such as a Section or Column—its limitations become quickly apparent the more you work with it: Blogs in WordPress are comprised of an Archive (think the home page for the blog) and Single Layouts (think individual posts). To do this, go to your Themeco account dashboard and select the X license you'd like to convert from under the Themes tab on the left hand side. Uses the filter cs_app_preference_defaults The Modal Element is a dropzone-powered Element that gives users the ability to compose its content using pieces from the Element Library. Each level includes access to Max based on the number of licenses purchased. Social Setup. Mobile Menu. 3 - March 13, 2020. Summary. Updated: dvh, and ch unit support in various elements X 10. Where the Social Icons Show. In this particular example, we setup an Image field to be assigned to all users within the installation so that we could set our own thumbnail separate from the Gravatar that WordPress attempts to pull in, giving us much more Hooks and Filters. 4. X and Pro include professionally designed, ready-to-use templates. Set your key value as an array using callable as the function for the filter. This will create a new Provider in the list of Providers for all elements. You'll be able to configure the overall Element, its individual links, it's sub-menu dropdown and the submenu items. To learn more about specifically using ACF Pro with Loopers and Dynamic Content, check this docs article out. While Email Forms allows you connect to ConvertKit and GetResponse email marketing software, this article will only be showing you how to connect MailChimp. 0. 0 and Up. The Social Element adds a social icon or image on the page which you can link to the social media of your choice. In this article, we're going to discuss Cornerstone's Component Builder and how it can be used to open up incredible design possibilities on your site. How to Add Sidebars in X or Pro. We'll start with a simple example centered around a Button Element: Toggleables offer the ability to display content on your pages dynamically through interactions or through code. Updated: dvh, and ch unit support in various elements Bugfix: Custom Font files will try to grab the font URL from the attachment ID if available. A newer addition is our Looper Provider API. Update: Global Blocks have been replaced with the Component Builder. store. This is perfect for when you are building a single site for yourself or organization, or when you build sites for others and transfer the license to your client upon completion. Mar 3, 2020 · Pro 3. Themeco Offers. When you add images this way, what you'll have are images stacked up on top of each other like below. Online Resources. In this article, we're going to explain the benefits of using child themes and we'll give you the steps you need to create one. You can subscribe to any Themeco plan. The setup control group contains the option to set up the Social Element initially. This article teaches you how to use the extension. The Font Manager allows you to give a name to a font for use on your site. Typical pagination styling will often look something like the following example: In this article, we're going to explain how Stacks work in X and Pro plus the various customization options available within each one. Card. The Testimonial Element adds a testimonial on the page. The purpose of the element is to be used as a way to display statistical information in an engaging way. Updates are generally weekly on Sunday, based upon the plugin's release schedule and our compatibility testing. To add the Row Element, simply search for "Row" and drag it to the canvas. I’m actually quite surprised other SEO plugins can extract data, but perhaps Themeco has already added support for those. They encompass Modals, Tabs, Dropdowns, and Off-Canvas Elements with a shared set of features we will go over here. Templating System Explained What Is the One Page Navigation. They're the first points of entry for grabbing attention of visitors, so let's get started! Utility Classes. All Extension API functions and filters are prefixed cs_api_. co A: First of all, welcome! We are thrilled to have you in the Themeco family, and you can create your account for access to product validation, support, and more. To subscribe to events and send events you will use the function window. Instead, these classes already perform a specified action and are meant to be used with various elements when needed. In this article, we're going to discuss common problems with validation and how to fix them. The Conditions Control allows users to output content based on certain criteria being met. Testimonial Settings Superfly enables you to alter the navigation of your WordPress site. 5+, and Cornerstone 7. If you've made the decision to convert from X to Pro, you'll first need to change your license. The fastest and easiest way to find answers to questions start with docs. The good news is you're in the right place! For version information including fixes, features, and detailed notes on each launch cycle, check out the Changelog section to the left or the Release Notes post for each update on our blog. We have launched a dedicated Dynamic Content section on the Docs under Cornerstone > Dynamic Content. Common Page Settings. —think pages, posts, products, portfolio items, et cetera. & drop editor will let you tell your own stories in no time! Rows & Columns. Adding Navigation to the Header Builder in Cornerstone consists of two steps: Adding the navigation menu in WordPress. To access the settings to configure the links to social icons you need to go to WordPress Admin Menu > Cornerstone > Theme Options or WordPress Admin Bar > Cornerstone > Theme Options in both X and Pro. The Card Setup tab contains control groups to fine-tune the basic setup of the Card regardless of the front or back of the Card. Learn how to set up your Header and the differences between Header Settings in Theme Options and the dedicated Header Builder in Pro. Twig is a fast, secure, and flexible templating engine for PHP that adds to our Dynamic Content System in numerous ways not previously available including math, looping content, filtering, advanced templating and more. Search Clear Search Results. How to Create a Custom Condition UI Example. This is a tremendous step forward in the ability to design intricate off canvas layouts. UberMenu is an easy to use, highly customizable, responsive mega menu WordPress plugin that helps you build creative menus. The portfolios are basically like the posts with the additional settings and options to be able to present the content as a portfolio. No longer dependent on jQuery. 1. If Sub Links are present in your navigation, clicking on a parent link will reveal those Sub Links much like an Accordion Element does with its content area, expanding and collapsing like so: In this article, we're going to explain how to translate our themes into any language. One important distinction with archives is that you are designing a repeating page template that will take advantage of database-driven Elements. The Color Manager allows you to set a color palette for use on your site. In this article, we're going to discuss the Meta Line Element and its settings. Authors are the creators of Posts and Pages. Query Dynamic Content offers numerous data points that allow you to interact with what the user is doing or searching for on the site. rivet. 5+. The difference is that instead of a configurable options for each user, the configuration is based around a certain post. The Raw Content Element is the Element to use if you want to add custom HTML on the page. Let's take a closer look at how responsive styling is implemented into the UI. We strongly encourage all of our customers to register at our member center for access to video tutorials, our member forum, automatic updates, and more! See full list on docs. Uses the filter cs_app_preference_defaults To add this Element, search "navigation" and drag "Navigation Inline" on the canvas. The standard Footer Settings in Theme Options are available in both X and Pro, however in Pro you'll have access to a powerful Footer Builder that allows you to custom build (and manage) a limitless number of Footers. We've also discussed the difference between the Blog Index Page and the Archive Pages. csGlobal. The classes listed in this section are not meant to be targeted with CSS to alter their styling or functionality. Web Design Magic is a Course & Expansion Pack that shows you how to create the systems and processes that make managing your personal or client websites a breeze. Purchase link. You will need access to the DOM element and passing into the second argument the string slider which is the state name. @since Cornerstone 7. Product. Have product questions? A member of the team is happy to help in our support forum. From the entire Themeco team, we want to personally thank you for purchasing X! We’re incredibly excited to get it into your hands, and we invite you to check out our documentation below. Headlines are essential parts of a web-page. The Navigation Layered Element displays links in a column layout, like so:. Use the file input to select or upload your CSV. Please use Components in place of Global Blocks on future builds. Blogs in WordPress are comprised of an Archive (think the home page for the blog) and Single Layouts (think individual posts). Docs Home; Note: Themeco updates and support of this 3rd party plugin ended on September 30 The Page Builder (sometimes referred to as the Content Builder) is a powerful tool that opens up a wide range of possibilities for developers and designers. That data will then need to be consumed somewhere down the Element tree, which will give us the ability to access the information we want to pull out from each item. You may also find these other resources helpful: Blogs in WordPress are comprised of an Archive (think the home page for the blog) and Single Layouts (think individual posts). The purpose of the Tabs Element is to output multiple groupings of content within a traditional "tabbed" style component, which can be toggled to reveal one panel at a time. In this example we are going to create the UI that will show up for show conditions UI. See the image below to see how the Search Inline looks: To add this Element, simply search "Search" and select Search Inline. 0 on all products. Difference between Buttons Settings and Button Element. After you've successfully added a sidebar, you'll see options available to you. Single licenses. Layouts in Cornerstone's website building parlance refers to any part of the site that requires an assignment to be output. What Is the Portfolio Post Type. In this article, we're going to explain how to validate so you can get access to updates, support, and new features. We've learned about the Blog options, how to setup the Blog, and how X and Pro handle the Blog Index (home) and Archive Pages. @since CS 7. See the docs on Toggleables. We recommend all customers visit Themeco Docs first as you will find hundreds of tutorials and resources covering topics from installation to troubleshooting. Updated: Remove schema for admin reply on Woocommerce review. It's hard to image a website without a button as most websites "calls-to-action" usually have buttons. Basics. theme. 5 - February 26, 2022. Contact Form 7 is one of the most popular WordPress form plugins. Leverage the power of Cornerstone's native Slider Element to build sliders that delight and engage your visitors. The Lottie Element was introduced in Pro 6. 6 - May 12, 2025. The Footer Builder provides you with a similar building interface to the Page Builder, allowing you to take advantage of a drag and drop interface for crafting custom designs. Support. This is to prevent an issue when moving a site from http to https and the font URL was still in h The Map Element is available across all three builders. Changing default preferences. Pagination is utilized in many different ways across websites whenever we need to break up content into more manageable chunks. The fallback values in these docs are also the defaults in the actual app. The purpose of the Element is to output a map, and this map can be configured in multiple different ways allowing you to show a map of your location to the end user (or any location you want). CSV Looper. You may use one style for your call-to-action buttons, another one for the . In this article, we're going to discuss common issues that arise and provide some troubleshooting steps that you can follow that may resolve them. The basic setup of settings of the Search Inline field includes the Setup and Content field groups. Legacy feature. Quick Start. See notes below. Cornerstone is the heart and soul of your site building experience. This powerful data visualization tool will keep your websites at the cutting edge and help you take on projects previously unimaginable. Once purchased, you can access Super Loopers both in your Themeco account and directly in Cornerstone for all validated licenses within your account. Single product licenses for X, Pro and Cornerstone can be used on one live installation only. The "Element" is the building block of all Builders across the Cornerstone Builder. Adding a Navigation Element into the Header Builder. Max gives you access to all of our premium courses, templates, and plugins. Ready to make your content stand out with fun and easy animations? Let's get started! What is Lottie? Extending. Usually, a website makes use of more than one button styles. The Card Element adds a flipping card on the page. Cornerstone Charts will help you build everything from custom calculators to powerful web apps (and everything in between). Superfly is a responsive WordPress menu plugin that generates space-efficient vertical push/sliding/static navigation, icon toolbar or fullscreen menu on your choice. To add the Video Element, simply search for "video" on the Elements search on your Cornerstone or any builder in Pro (Content, Header, Global Block, Footer) and drag the Video element on the content pane. This video is from our Getting Started w/ Cornerstone Series. Should we ever introduce something that would be considered promotion through Cornerstone, you can ensure it will be turned off in advance, avoiding conflict of interest. In this article, we're going show you how to add and configure the Headline Element. Earlier versions of Cornerstone used Elements that were based on the shortcodes built for the early versions of X. One important distinction with Single Layouts is that you are designing a repeating page template that will take advantage of database-driven Elements. You can only get the Cornerstone website builder from Themeco. Please make all changes to the child theme files, and do not add the code directly to the theme files, otherwise after updating the theme your fixes will be lost Mar 25, 2024 · However, since Themeco Cornerstone isn’t Open Source software and has no public API for third-party developers, I wouldn’t know how to attain this. Loopers & Dynamic Content: A powerful new feature allowing users to query and filter information in your WordPress install and ; “loop” through that returned list of data to output a uniform set of Elements. The X and Pro themes have a custom post type called portfolios. Mar 17, 2025 · X 10. Docs Home; Version Compatibility; Installation & Validation Product validation verifies your product purchase against the license key and enables you to access extensions, automatic updates and support. It does this by showing a widget while scrolling or after a set period of time. A: First of all, welcome! We are thrilled to have you in the Themeco family, and you can create your account for access to product validation, support, and more. Read the first. 5+, X 10. Enter the name of the sidebar on Add New Sidebar then click the Add Sidebar button. Nov 2, 2021 · Pro 5. The settings are available below the standard editor and as the meta-option on the right section of the screen. To learn more about setting up ACF Pro in general, check out this docs article. What are Classic Elements? First, a quick history lesson. Bugfix: Fix countdown timer not properly synced with server time. Easily create engaging menu layouts in a breeze. Content Dock is an incredibly simple and effective tool that allows you to place content or marketing offers in front of your users in an elegant, non-intrusive manner. In this article, we're going to explain the Gap Element and its settings. We'll learn how to add this Element, how to set it up, how to make it a link, and how to adjust its margin, padding and border. In this article, we're going to discuss the Image Element. Each key of this array is the function name. To add the Icon Element, simply search for "Icon" and drag "Icon" to the canvas. The Navigation Collapsed Element displays links in a column layout, like so:. To add the Card Element, simply search for "Card" and drag "Card" to the canvas. Simply put, the Row Element adds a Row to your page (shocker, we know). “Read more” buttons on your blog pages and “Add to Cart” on your Shop Page. Getting Started. In this article we'll dive in on how to add and configure this Element to your liking. Overview. The one page navigation is a feature that the menu items available on the header of your website will not change the page that you are in. All Builders now have access to a new dropzone-powered Dropdown Element that gives users the ability to compose its content using pieces from the Element Library. . The Statbar Element is available across all three builders. Meaning you can switch a font under an alias and it'll instantly update sitewide, saving you time on going back and forth editing individual fonts. Then in the UI, it will look something like this. Custom Functions. —such as a Section or Column—its limitations become quickly apparent the more you work with it: In this article, we'll show you how to add email opt-in forms on any part of your website using our Email Forms Extension. Use cs_twig_functions to add a new function. The X and Pro themes have specific options available on the page adding/editing screen in the WordPress admin. The Icon Element adds an icon on the page. While inline CSS can work as a decent way to give users quick access to customize the styling of singular Elements. The Content Builder, the Header Builder, and the Footer Builder. Cornerstone includes a handful of Posts Elements that are natively built using a handful of new features that also came out during the same release cycle:. To avoid confusion, when this doc refers to the a API it is referring to the Extension API and the Cornerstone API is considered anything prefixed with cs_. The Setup section contains controls for the initial setup of the icon. To browse online documentation for Pro theme by Themeco Add this code into function. All Builders have access to a dropzone-powered Off Canvas Element that gives users the ability to compose its content using pieces from the Element Library. This Dynamic Content groups data points that are nearly identical to the User Dynamic Content data points. They help improve the user experience of the site, and in this article, we'll teach you how to use and configure the Breadcrumb Element. This is the basis for how users search Posts. This is tied to your Themeco account Responsive design is a necessity in the world of web design these days and presenting the best version of your site across numerous devices can be a big challenge. For this particular example, we only have on item, our text key, which is referenced in our Element by the {{dc:looper:field key='text'}} Dynamic Content string as mentioned earlier. From the history of design systems to practical real-life tools and resources, with WDM you'll quickly learn how to build websites like the big boys and gi Breadcrumbs are helpful architecture-type Elements. Both X and Pro users can take advantage of this feature, however there are different assets available based on the product you are using. Whether it's displaying a list or a singular object you can do this in CS with either Dynamic Content or through a Looper Provider. In this article we're going to explain the individual portfolio settings available in the X and Pro themes while adding or editing a portfolio. Contained within, you'll see the link to convert the license from X to Pro. When you make a purchase directly from our site, your account will be created as part of the checkout process. To add this Element, search "navigation" and drag "Navigation Inline" on the canvas. What is the Font Manager. subscribe. Throughout Cornerstone there are various select boxes that dynamically grab their list of choices through the Dynamic Options API. In light of this, let's discuss the important Button Element and how you can use it in Cornerstone to maximum effect! The controls available here correspond to the following CSS properties (it is highly recommended you take some time to read through the official documentation on the MDN web docs linked out here):X Axis Start – grid-column-start; X Axis End – grid-column-end; X Axis Alignment – justify-self; Y Axis Start – grid-row-start; Y Axis End All About Element CSS. If you are an existing Themeco customer, you can subscribe to Max Unlimited. It’s great to see you! Browse step-by-step tutorials and detailed documentation for all Themeco products and services. The good news is you're in the right place! For version information including fixes, features, and detailed notes on each launch cycle, check out the Changelog section to the left or the Release Notes post for each update on our blog. Whether it's a slider, carousel, hero scene or even a whole front page, the visual, drag . Dynamic Options. Don't want the public to see your website while it is being constructed? Our Under Construction Extension makes it easy to put the entire website in an under construction mode so that only logged-in users can access it. Please contact Themeco and link to this topic. You will get access to Pro, Cornerstone, plus all current and future Max products as part of an active subscription. Elements are the building blocks to Cornerstone, and we encourage you to familiarize yourself with all of their many features. To add sidebars, first go to Appearance > Sidebars. To add the Raw Content Element, simply search for "Raw Content" and drag it to the canvas. You can add images individual images to your WordPress posts in both the classic WordPress editor and the Gutenberg Image Block. Apr 28, 2025 · Pro 6. . Videos. What is the Flex Layout? Flex Layout utilizes the power of Flexbox to provide you with an easy to use system for harnessing the potential of Flexbox in your website layouts. Enabling CORS on IIS 7. CTA stands for Call to Action. 0, and Cornerstone 7. What are Elements. To add the Testimonial Element, simply search for "Testimonial" and drag "Testimonial" to the canvas. 0, X 10. This is a great place to The fastest and easiest way to find answers to questions start with docs. The CSV looper can make looping over tabular data a breeze. If you're curious to learn more about how to build mega menus in WordPress, we have an in-depth video on YouTube that covers this very subject! This walks you through building a mega menu from scratch. What is the Color Manager. This video is from our Cornerstone Quick Tips series. Before we get started, you should note that there are many different IIS setups and configuration possibilities, because of this we can't possibly cover every situation, but hopefully, the below should help you get started. What's Possible with UberMenu? UberMenu is a user-friendly, highly customizable, responsive mega menu plugin for WordPress. If you are new to Themeco, we also have a special lifetime bundle that includes the Pro Theme, Cornerstone Builder, and Personify (an incredible deal and everything you need). 5 - April 28, 2025. Feature: Bluesky added to Social share options Feature: TikTok added to Social share options Docs Note: These are third-party plugins made available to customers. The Creative CTA Element adds a call to action on the page. Themeco docs. rinasiacequhnqvwxmgjxnuamlcubyyqdjaykuonzupjmx