ACF Pro Repeater in a Shortcode

Roy AngerUpdated:


The addition of ACF Pro offered up a ton of new power for websites built with X. This tip is a tutorial on setting up a ACF Pro Field Group and an associated shortcode, which you can then drop into Cornerstone. As covered in the next video, you don’t have use a page template. There are many ways to setup your Location Rule. The key is that you only have your Field Group appear for the pages or posts you want it to appear for. I’ve created a copy of … Read More

Where In The World Do I Put My Custom CSS?

Roy AngerUpdated:


I wanted to take a few minutes to talk about where to put your custom CSS, since we will be talking about it a ton on this site. This is less of a tip, and more of a reference document. With X there are 4 places we can place custom CSS, and each place has its own pros and cons. We will walk through them and answer your questions. Anytime I talk about the places where you can put CSS, someone chimes in and says ‘I always put mine in … Read More

Adding Your Own Font to X

Roy AngerUpdated:


Adding your own font to X isn’t hard, and I’m going to show you how. Take your pick from following along with a video, or reading through the tutorial. Let’s start by creating the font files we need, and creating the CSS. This will make your font more robust, and avoid any errors with the CSS. We will head over to http://transfonter.org/. Here will we create a few versions of the font as well as the CSS. By default, TTF, EOF and WOFF formats are selected. You may want to … Read More

Add the Excerpt to Recent Posts

Michael BourneUpdated:


The Recent Posts element in Cornerstone are admittedly lean, but one simple change you can make is to add the post excerpt to them. While this is something that gets asked frequently, and the code needed to achieve it has been posted by Themeco, many can benefit by having it here. We’re much easier to find than a forum search! Here’s how you can add excerpts into recent posts. The following code should be placed in your functions.php file inside your x-child theme. // Displaying Excerpt in Recent Posts // … Read More

Transparent Fixed Header (Opaque on Scroll)

Michael BourneUpdated:


It’s not uncommon to see X users make their navbar transparent, but what about a transparent fixed header that stays transparent while passing over your hero image and turns to opaque for the remainder of the page? As it turns out, it’s not hard to achieve. We just need to use a little bit of custom CSS and jQuery. Getting started To begin this specific example, we will be using an inline header layout. In the customizer, we have set the navbar background to transparent and the link colours to … Read More