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
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
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
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
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
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
WooCommerce automatically wraps your main product image in an <a> tag. It either links to the lightbox, or if you’ve disabled product image zoom it leaves a link to the image. If you want to get rid of that link, there’s no easy setting (as of WooCommerce 5.4.1) to disable it. To remove the link
I didn’t want the default product image zoom feature that comes with WooCommerce. There are two ways to disable the WooCommerce product image zoom function: or From trying to implement it, the remove_theme_support way often doesn’t work by putting it straight into your functions.php file. This is because it’s often called later in one of
Scalable Vector Graphics (“SVG”) can be a great way to display line art on your site at a range of sizes without having to worry about file sizes. They’re particularly useful for a logo or for social media icons. However, due to the way they’re coded, uploading an infected SVG can be a potential security
If you’ve not worked with it before, the WordPress Theme Customizer can be frustrating. The documentation assumes you already understand how it works. I’ll save a long discussion on how everything works for another day and dive right into adding a super basic item. The basic default Theme Customizer looks like this: We’re going to