How To Add An Icon To Astra Meta Date

A reader of this site requested this tutorial. He was after something like this, where there is a custom icon in the Astra post meta just before the date. The best way to do this is either with Font Awesome or with a custom SVG. If you are already loading Font Awesome and one of

How To Customize WooCommerce Order Thankyou Text

Have you ever wanted to change WooCommerce’s default thankyou text from “Thank you. Your order has been received” to something that better represents your brand? I usually want to add in something about checking their spam folder for the confirmation email if they haven’t seen it within 30 minutes. Before customization, the order received text

How To Make A Four Column Layout In Gutenberg

To make a four column layout in the WordPress Gutenberg editor, select the equal three column layout, hover over a gap between the columns and add the fourth column. Start by choosing the “Columns” block. Assuming you want four equal columns, choose the three equal columns variation. It’s the 33 / 33 / 33 one.

How To Make A Full Width Divi Template For Gutenberg

Sometimes we want to use the Gutenberg editor for some of the simpler pages on a Divi site. I know, there are better ways, like using GeneratePress or Astra with Elementor or Beaver Builder. Those are my usual combinations when I know I’ll be building out a bunch of Gutenberg pages. But sometimes, you just

How To Make Divi Sections Be Full Width

Your web design layout will often call for full width rows. By default, Divi rows are set to a maximum width, usually 1080px. There are two main ways to get that full width look: Set the background color on the section, instead of the row Change the width and max-width of the row You’d go

How To Fix WordPress Theme Customizer Not Saving

I’ve been building WordPress websites since 2006 and hadn’t come across this one until today. I would make changes to the Advanced CSS in the Theme Customizer and it would show in the preview window. I’d hit publish and everything looked normal, but when I refreshed the page, the changes weren’t there. I tried everything

How To Add A Transparent Sticky Header In Elementor

I’ve previously written on how to make a sticky header in Elementor Pro. Now we’re going to take that to the next level. We’re going to create a sticky header that is transparent over a video background: And when the user scrolls down, the header turns into a sticky header with a white background. You

How To Change Astra Theme Default Text

As part of making your site feel more like your own, you might want to change some of the default text that the WordPress Astra theme adds. Common things I’m often asked to change are: Leave a Comment Your comment is awaiting moderation Sorry, but nothing matched your search terms. Please try again with some

How To Get WordPress User Display Name

There are times when you want to personalise a user’s experience, perhaps in a membership site or in a marketplace style site. In those cases, it’s handy to be able to display a users name. You probably don’t want to display the actual usernames, especially when WordPress provides a way for people to customize how

How To Add A Blank WordPress Shortcode

Sometimes when you’re building a site you know you’re going to add particular functionality later, but you don’t want to delay launching the site while you build that functionality. You know exactly where it needs to go, and you’re going to use a shortcode to hook it in, but you don’t want to leave the