Adding a Text Block via the Customizer in WordPress

text-block-customizer

This guide takes you through adding an editable text block via the Customizer in WordPress, this tutorial uses the Genesis Sample theme and will set the footer text which is normally changed via a filter in the functions.php file in a…

Using Customizer to add a CSS background image to widget in WordPress

Here is a guide to add a single background image to a widget using the Customizer in WordPress, I have written up on this topic before utilising some Genesis code used in the Altitude Pro theme to be able to use on other  Genesis…

Add background images to widget areas using Customizer in Genesis

How to use the customiser to upload and set images as CSS backgrounds to widgetised areas in Genesis. Taking the Altitude Pro theme as an example as it uses a number of front page widget areas in which you can…

Using Slick Responsive Navigation Mobile Menus on Genesis Child Theme

slick-nav-menu-twentytwelve

This guide uses a jQuery mobile responsive menu from Josh Cope and shows how you can use it for a mobile menu in a Genesis Child theme in WordPress. There is also a guide for regular WordPress themes here. Also I have made a…

Adding Product Content Description Above the Product in WooCommerce

By default in WooCommerce the product description of a product sits inside the ‘Description’ tab, with the Short Description displayed more prominent alongside the product. Here is how to swap that order and display the product content at the head…

Change your WordPress site to serve pages over HTTPS/SSL

add ssl to wordpress

This is a tutorial to change your WordPress site to serve all content via HTTPS/SSL and it is something that is becoming easier and more affordable but also necessary for site owners. Swapping your site to the secure HTTPS/SSL protocol across the whole website…

Adding in a Responsive HTML Logo/Image Header via the Customizer for Genesis

genesis-header-image

This tutorial looks at replacing the CSS background technique used to display a logo/image in the Genesis framework header with an actual HTML markup inline image tag, which is better for responsive design across all devices.  This can be achieved in…

Add a Class to a Featured Image in WordPress

add-class-featured-image

You can add a CSS class to a featured image in WordPress using an array in the_post_thumbnail   if( has_post_thumbnail() ) { //Add in featured image & class the_post_thumbnail( ‘featured-podcast’, array( ‘class’ => ‘alignnone’ ) ); } This can be…

Remove Archive Title on all the Archive Pages in Genesis

Here’s how you can remove all the archive titles that appear at the header of various archive pages in your Genesis Theme, you can either remove all of them or selectively choose which one… Add the code snippet to your functions.php…