Themeco docs Our group is going to be example which will be store as example:condition. The Meta Line Element can be used as a quick starting point to output meta information on Posts, Products, et cetera. Mar 3, 2020 · Pro 3. To add sidebars, first go to Appearance > Sidebars. store. 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. 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 on all products. 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. While inline CSS can work as a decent way to give users quick access to customize the styling of singular Elements. In this article, we're going to discuss common problems with validation and how to fix them. 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. 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. Each key of this array is the function name. 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. This video is from our Cornerstone Quick Tips series. 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. 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. What's Possible with UberMenu? UberMenu is a user-friendly, highly customizable, responsive mega menu plugin for WordPress. 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. 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. What Is the Portfolio Post Type. The Font Manager allows you to give a name to a font for use on your site. The "Element" is the building block of all Builders across the Cornerstone Builder. Product. The Testimonial Element adds a testimonial on the page. Social Setup. Please contact Themeco and link to this topic. The fallback values in these docs are also the defaults in the actual app. Connecting and looping data from an external API can offer a huge amount of versatility to your site. Revolution Slider is an innovative, responsive WordPress slider plugin that displays your content the beautiful way. 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. Mobile Menu. 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. —think pages, posts, products, portfolio items, et cetera. 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. 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. The Icon Element adds an icon on the page. This Dynamic Content groups data points that are nearly identical to the User Dynamic Content data points. You will need access to the DOM element and passing into the second argument the string slider which is the state name. The Content Builder, the Header Builder and the Footer Builder. There are over a dozen articles dedicated to different aspects of working with Dynamic Content in Cornerstone. @since Cornerstone 7. Setup. It can be used to craft the primary output for any singular endpoint in your WordPress installation. The portfolios are basically like the posts with the additional settings and options to be able to present the content as a portfolio. The Conditions Control allows users to output content based on certain criteria being met. 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 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. All Extension API functions and filters are prefixed cs_api_. 0. Cornerstone is the heart and soul of your site building experience. 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_. 5+, and Cornerstone 7. The fastest and easiest way to find answers to questions start with docs. It does this by showing a widget while scrolling or after a set period of time. Overview. In this article we'll dive in on how to add and configure this Element to your liking. See the image below to see how the Search Inline looks: To add this Element, simply search "Search" and select Search Inline. To add the Raw Content Element, simply search for "Raw Content" and drag it to the canvas. 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. 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. 0 and Up. 0 is powered by Twig and available in Pro 6. Max gives you access to all of our premium courses, templates, and plugins. Authors are the creators of Posts and Pages. Leverage the power of Cornerstone's native Slider Element to build sliders that delight and engage your visitors. Bugfix: Fix countdown timer not properly synced with server time. While Email Forms allows you connect to ConvertKit and GetResponse email marketing software, this article will only be showing you how to connect MailChimp. 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. Query Dynamic Content offers numerous data points that allow you to interact with what the user is doing or searching for on the site. Card. Whether it's a slider, carousel, hero scene or even a whole front page, the visual, drag . The Navigation Collapsed Element displays links in a column layout, like so:. Cornerstone Charts will help you build everything from custom calculators to powerful web apps (and everything in between). Updates are generally weekly on Sunday, based upon the plugin's release schedule and our compatibility testing. CTA stands for Call to Action. Enabling CORS on IIS 7. Read the first. Changing default preferences. 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. Each level includes access to Max based on the number of licenses purchased. Use cs_twig_functions to add a new function. What we are affectionately calling Dynamic Content 2. Blogs in WordPress are comprised of an Archive (think the home page for the blog) and Single Layouts (think individual posts). 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. This is a tremendous step forward in the ability to design intricate modal layouts. csGlobal. Elements can have a general purpose such as the Text Element, or more specific and multi-dimensional such as the Accordion or Navigation Elements. The classes listed in this section are not meant to be targeted with CSS to alter their styling or functionality. Single product licenses for X, Pro and Cornerstone can be used on one live installation only. For example: Displaying different content for logged in vs logged out users. 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. 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. This is a great place to The fastest and easiest way to find answers to questions start with docs. Summary. Let's take a closer look at how responsive styling is implemented into the UI. To add the Creative CTA Element, simply search for "Creative CTA" and drag "Creative CTA" to the canvas. This is a tremendous step forward in the ability to design intricate off canvas layouts. After you've successfully added a sidebar, you'll see options available to you. The basic setup of settings of the Search Inline field includes the Setup and Content field groups. Please use Components in place of Global Blocks on future builds. . This is the basis for how users search Posts. How to Add Sidebars in X or Pro. 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. To subscribe to events and send events you will use the function window. Apr 28, 2025 · Pro 6. Modern Sliders is a Course & Expansion Pack that shows you how to use sliders to recreate everything from product comparisons to pricing tables. 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. Learn how to set up your Header and the differences between Header Settings in Theme Options and the dedicated Header Builder in Pro. 6 - May 12, 2025. Support. Testimonial Settings Superfly enables you to alter the navigation of your WordPress site. Update: Global Blocks have been replaced with the Component Builder. 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. 4. 6. In this example we are going to create the UI that will show up for show conditions UI. 5 - April 28, 2025. “Read more” buttons on your blog pages and “Add to Cart” on your Shop Page. Online Resources. 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:. 5+, X 10. 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). The X and Pro themes have a custom post type called portfolios. There are two ways to setup a Themeco account. Common Page Settings. 0, X 10. 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. When you make a purchase directly from our site, your account will be created as part of the checkout process. 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. 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). If you've made the decision to convert from X to Pro, you'll first need to change your license. Tabs Setup. You'll be able to configure the overall Element, its individual links, it's sub-menu dropdown and the submenu items. To add the Testimonial Element, simply search for "Testimonial" and drag "Testimonial" to the canvas. X and Pro include professionally designed, ready-to-use templates. The Statbar Element is available across all three builders. We have launched a dedicated Dynamic Content section on the Docs under Cornerstone > Dynamic Content. subscribe. @since CS 7. Single licenses. The Creative CTA Element adds a call to action on the page. Instead, these classes already perform a specified action and are meant to be used with various elements when needed. 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. Difference between Buttons Settings and Button Element. Purchase link. Search Clear Search Results. 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 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. 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 Setup. 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. This is a tremendous step forward in the ability to design intricate dropdown layouts. Bugfix: Fix smooth scrolling regression. They encompass Modals, Tabs, Dropdowns, and Off-Canvas Elements with a shared set of features we will go over here. 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. 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. On the Cornerstone home page, there is usually a link to purchase another license. The Raw Content Element is the Element to use if you want to add custom HTML on the page. What are Elements. Element CSS is our answer to the shortcomings of simply offering an “inline CSS” input on an element as many builders do. Earlier versions of Cornerstone used Elements that were based on the shortcodes built for the early versions of X. 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 powerful data visualization tool will keep your websites at the cutting edge and help you take on projects previously unimaginable. 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. We've discussed what it is, how it works, and some of the amazing features at your disposal. theme. Then in the UI, it will look something like this. 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. Layouts in Cornerstone's website building parlance refers to any part of the site that requires an assignment to be output. 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. When you add images this way, what you'll have are images stacked up on top of each other like below. It's hard to image a website without a button as most websites "calls-to-action" usually have buttons. Elements are the building blocks to Cornerstone, and we encourage you to familiarize yourself with all of their many features. php of your child theme . 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). What is the Color Manager. Adding Navigation to the Header Builder in Cornerstone consists of two steps: Adding the navigation menu in WordPress. If you are an existing Themeco customer, you can subscribe to Max Unlimited. The Content Builder, the Header Builder, and the Footer Builder. Contact Form 7 is one of the most popular WordPress form plugins. In this article, we're going show you how to add and configure the Headline Element. . This article teaches you how to use the extension. 0, and Cornerstone 7. What is the Font Manager. The CSV looper can make looping over tabular data a breeze. The difference is that instead of a configurable options for each user, the configuration is based around a certain post. 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. The Color Manager allows you to set a color palette for use on your site. I’m actually quite surprised other SEO plugins can extract data, but perhaps Themeco has already added support for those. 2. CSV Looper. 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). You will get access to Pro, Cornerstone, plus all current and future Max products as part of an active subscription. rivet. Nov 2, 2021 · Pro 5. The Card Element adds a flipping card on the page. Themeco Offers. Contained within, you'll see the link to convert the license from X to Pro. Easily create engaging menu layouts in a breeze. 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. It allows you to create contact forms and add those forms to any page on your website using a generated shortcode. Set your key value as an array using callable as the function for the filter. To add this Element, search "navigation" and drag "Navigation Inline" on the canvas. 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. Headlines are essential parts of a web-page. See notes below. 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. Once purchased, you can access Super Loopers both in your Themeco account and directly in Cornerstone for all validated licenses within your account. Throughout Cornerstone there are various select boxes that dynamically grab their list of choices through the Dynamic Options API. 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. Basics. Ready to make your content stand out with fun and easy animations? Let's get started! What is Lottie? Extending. 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 vertically centers the navigation while also having it stretch from left to right within the parent container. 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. Both X and Pro users can take advantage of this feature, however there are different assets available based on the product you are using. 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. You can add images individual images to your WordPress posts in both the classic WordPress editor and the Gutenberg Image Block. Updated: dvh, and ch unit support in various elements X 10. You can subscribe to any Themeco plan. In this article, we're going to explain the Gap Element and its settings. Simply put, the Row Element adds a Row to your page (shocker, we know). 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. The Setup section contains controls for the initial setup of the icon. Legacy feature. 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. 3 - March 13, 2020. Usually, a website makes use of more than one button styles. To browse online documentation for Pro theme by Themeco Add this code into function. If you're new to Themeco or want a refresher, don't forget to check out our Getting Started w/ Cornerstone series. —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. To add the Icon Element, simply search for "Icon" and drag "Icon" to the canvas. 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. The X and Pro themes have specific options available on the page adding/editing screen in the WordPress admin. 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. 5 - February 26, 2022. One important distinction with Single Layouts is that you are designing a repeating page template that will take advantage of database-driven Elements. In this article, we're going to discuss the Image Element. Save the file and the CORS will be activated on the server. Pagination is utilized in many different ways across websites whenever we need to break up content into more manageable chunks. The setup control group contains the option to set up the Social Element initially. 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. One important distinction with archives is that you are designing a repeating page template that will take advantage of database-driven Elements. Adding a Navigation Element into the Header Builder. It’s great to see you! Browse step-by-step tutorials and detailed documentation for all Themeco products and services. The settings are available below the standard editor and as the meta-option on the right section of the screen. Uses the filter cs_app_preference_defaults To add this Element, search "navigation" and drag "Navigation Inline" on the canvas. No longer dependent on jQuery. How to Create a Custom Condition UI Example. Quick Start. What are Classic Elements? First, a quick history lesson. You can only get the Cornerstone website builder from Themeco. Use the file input to select or upload your CSV. Where the Social Icons Show. 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. In this article, we're going to discuss the Meta Line Element and its settings. The purpose of the element is to be used as a way to display statistical information in an engaging way. The Navigation Layered Element displays links in a column layout, like so:. If you have purchased one of our products from Envato Market, you can setup your account here . They're the first points of entry for grabbing attention of visitors, so let's get started! Utility Classes. Have product questions? A member of the team is happy to help in our support forum. Getting Started. To learn more about specifically using ACF Pro with Loopers and Dynamic Content, check this docs article out. 5+. 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. Themeco docs. Templating System Explained What Is the One Page Navigation. 1. 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. 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. & drop editor will let you tell your own stories in no time! Rows & Columns. Mar 17, 2025 · X 10. You may use one style for your call-to-action buttons, another one for the . To add the Card Element, simply search for "Card" and drag "Card" to the canvas. This video is from our Getting Started w/ Cornerstone Series. We recommend all customers visit Themeco Docs first as you will find hundreds of tutorials and resources covering topics from installation to troubleshooting. A newer addition is our Looper Provider API. We've also discussed the difference between the Blog Index Page and the Archive Pages. UberMenu is an easy to use, highly customizable, responsive mega menu WordPress plugin that helps you build creative menus. This is a JSON array of object, which can contain any number of data points you wish to later reference in your Element. What is a Gallery. Dynamic Options. 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. 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. Enter the name of the sidebar on Add New Sidebar then click the Add Sidebar button. This will create a new Provider in the list of Providers for all elements. To learn more about setting up ACF Pro in general, check out this docs article. The Lottie Element was introduced in Pro 6. Updated: Remove schema for admin reply on Woocommerce review. See the docs on Toggleables. To add the Row Element, simply search for "Row" and drag it to the canvas. Superfly is a responsive WordPress menu plugin that generates space-efficient vertical push/sliding/static navigation, icon toolbar or fullscreen menu on your choice. Custom Functions. —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). tyoc stg anht nkvf toivs lzdvd oqzinw nwsejdpf idhhu yzpnk