Fix the Gap in Unordered Lists From Columns In Beaver Builder
If you split 2 unordered lists into columns in Beaver Builder at desktop size, the results will look a little uneven at the smaller viewport on tablet or mobile. You could create a duplicate of the module and show/hide based on viewport or you could fix in CSS by adding a CSS class…
Read MoreAutomatically Update Your WordPress Plugins and Themes and Translations
WordPress allows you to automatically update your WordPress plugins and themes and translations by adding some PHP constants and filters to your WordPress installation. Constants are best off added in /wp-config.php and filters are preferred to be used in a wp-content/mu-plugins/ plugin, to create a mu-plugin is easy for example just create a updates.php file with the…
Read MoreUsing Beaver Builders’ new Beaver Themer with Genesis Themes
Beaver Themer is a new add on being developed by the Beaver Builder team to be used with Beaver Builder and can be used with the Genesis Framework, the product is currently in Alpha build and is available for download by anyone with a valid license. It currently can be used on any theme to build…
Read MoreAdd Icons in Genesis Header and Footer Post Meta Info
You can easily add icons just before the labels in Genesis Entry and Footer Meta content, including… .entry-time .entry-author .entry-comments-link .entry-categories .entry-tags The five metas can be targetted with some CSS pseudo selectors by adding the below CSS to your style.css So in the above the 5 regular metas are targetted, swap in your desired icon…
Read MoreChange the Genesis Meta Output, Post-Info, Post-Meta and Post-Terms
This tutorial takes you through changing the Genesis Meta Output, the Post-Info, Post-Meta and Post-Terms, post-info is typically at the top of a single post above or below the heading with dates, author and comments info, post-meta is at the foot of the post and includes category and tag info and post-terms applies to custom taxonomy…
Read MoreChanging the Genesis Header HTML Structure and MarkUp Code
In Genesis Themes you can completely change the header structure HTML by overriding the default code from the parent Genesis theme and use your own header mark up in your Child Theme. Two types of markup can be overridden the structure and the markup. Overriding Genesis Header Structure The header structure content in Genesis is controlled by the code…
Read MoreTarget WooCommerce Products and Pages Using PHP Conditionals
WooCommerce comes with a number of pages and a custom post type named ‘products‘, sometimes you may want to just target some of these products or pages so you can add some PHP custom code in your functions.php file of your theme, this can target all or parts of WooCommerce using PHP conditional statements. All WooCommerce…
Read MoreRemove Genesis Header and Footer Content
Removing the Genesis Header and Footer areas can be accomplished with the following code which removes not only the Genesis header and footer areas but also removes the menu and breadcrumb and footer widgets content… //* Remove site header elements remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5 ); remove_action( ‘genesis_header’, ‘genesis_do_header’ ); remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15 ); //* Remove navigation remove_theme_support( ‘genesis-menus’…
Read MoreUsing ‘Local by FlyWheel’ as a Local Development Workflow for WordPress
Local by FlyWheel (previously known as Pressmatic) is a new WordPress local development solution which uses Docker container technology and VirtualMachines, the app takes care of all the installation and configuration of everything you need and can effortlessly spin up multiple WordPress sites with different configurations for PHP and web server as well as include SSL certs…
Read MoreOverride Cyclone Slider 2 Plugin Template in WordPress Active Theme
The WordPress Cyclone Slider 2 Plugin is an easy to use, free, slider solution for sliding images and text, this guide looks at overriding it in the WordPress active theme. Cyclone Slider comes with a couple of templates but you will probably find that you need to create a unique design to follow your layout,…
Read More