Adding Flexbox CSS to WooCommerce Shop and Products
You can add Flexbox to WooCommerce shop page, product category archives and related products rows and actual products with a few lines of CSS – this will ensure that the products will line up nicely aligned top to bottom. WooCommerce CSS itself will do a lot of the grunt work with row % widths based on…
Read MoreAdding a Sticky Footer to Genesis Theme with Flexbox
A sticky footer refers to a web page footer that sticks to the foot of the page even when there is not a lot of content on the page, without one the footer will ride up leaving the layout somewhat unsightly. There are various methods to add a sticky footer, some javascript and others CSS, you…
Read MoreViewing and Changing WordPress Default Permissions
Many issues can go wrong if your WordPress default permissions have changed due to some unforeseen circumstance or a migration has gone bad due to some abnormal hosting environment. The default Linux permissions for most hosts WordPress sites are 644 for files and 755 for folders which is: file is rw-r–r– folder is drwxr-xr-x For a file…
Read MoreChange Status of WooCommerce Paypal Order from Processing to Complete
Using WooCommerce and Paypal, sometimes you may want the order to go from processing to complete on payment of the order at Paypal without manually having to set it to complete, this snippet as provided by WooCommerce fixes this issue. /** * Auto Complete all WooCommerce orders. * Add to theme functions.php file */ add_action(…
Read MoreBackground Images Disappearing in Beaver Builder on Site Deployment
Having a WordPress website built with Beaver Builder may lose its CSS background images when deploying from one location to another, this may be from local/staging to production or swapping between webhost environments. This can be typically resolved by nuking the Beaver Builder cache either via the Dashboard > Settings > Page Builder > Cache Or…
Read MoreBlank Post or Page Template in Genesis Theme Showing Title and Content Only
This code will output a blank barebones WordPress Genesis page/post template with just the post title and content as entered in the post editor in the WP Dashboard. No header or footer content are included but WordPress hooks have been left for scripts to be included. This may be useful when a page needs to be…
Read MoreForce a Custom Post Type To a Certain Layout in Genesis Theme in WordPress
You can force a certain custom post type in a Genesis WordPress theme to have a certain page layout applied to it. You can add a function and filter to your functions.php file in your WordPress theme. This will save having to manually go through and resave the layout settings in WP dashboard at the…
Read MoreStop the Flicker Flash and Load Adobe Typekit Font Faster on WordPress
If you have an Adobe TypeKit font loaded on a WordPress site you may notice the fonts flicker just before the Typekit font is fully loaded on the page – whilst it transitions from the default font to the Typekit one – this is also known as a phenomenon called FOUC, an acronym for ‘flash…
Read MoreFix 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 More