This is a guide to add a WooCommerce Add to Cart button icon to a main menu with a toggle effect that displays added shop items in a mini-cart in an overlay. This is offscreen content displayed and closed on click,…

ServerPilot comes with a default firewall enabled when you connect to a droplet instance such as from Vultr or Digital Ocean, the only option you have from the ServerPilot control panel is to toggle if on or off. The actual…

A system font stack is a series of fonts that are native to Apple, Windows and Linux desktop and mobile operating systems, they are inbuilt so are fast to load and provide a relatively comfortable and consistent display across different…

Here is a way to add the category or tag description to the archive page under the archive title of a Beaver Builder Child Theme which does not show by default, to do this we will copy a couple of…

Adding the WooCommerce styles to the Customizer in WordPress can help you quickly style and scaffold some common components of WooCommerce. This tutorial takes you through how to set that up in a WordPress starter theme using a child theme.…

Business Profile WordPress plugin feeds some rich Google microdata schema to search, you can extend what is available in the plugin to other known schema for a business. This example uses a Florist as an example, Florist is a valid schema…

Here’s how you can add an additional field like a mobile number to the Business Profile plugin. The plugin has many hooks and filters to allow us to create an extender style plugin as in the one below. We are…

Business Profile plugin is a great SEO microdata schema WordPress plugin for business with a number of fields to display contact information and have rich schema in the markup. The fcontact ields are output in a default way… phone contact…

Here is how to remove the default mobile menu from the Beaver Builder Theme – you may need to do so as you want to use another plugin or simply don’t need it. Add some Jquery Adjust the CSS Fire…

The default WordPress post pagination used in Beaver Builder Theme uses wp_pagenavi() and gives output as below.   You can swap this single post navigation for a numeric display using the navigation function the_posts_pagination(), this also has the added benefit…