Give Comments Fields Some Full Width Love

Looking at the WordPress comments field input fields in Genesis on mobile leaves you a bit shortchanged… Give them a full width feeling… @media only screen and (max-width: 860px) { .comment-respond input[type=”email”], .comment-respond input[type=”text”], .comment-respond input[type=”url”] { width: 100%;…
Removing The Default Genesis Responsive Mobile Menu

This guide looks at removing the Genesis responsive built in mobile menu, well, not just removing it but making it more modular to either use or not This is based on using the sample theme and with a simple code comment/uncomment…
Adding Classes and Attributes to HTML elements in Genesis

Attributes can be added into various HTML markup elements via filters in the Genesis Framework, these attributes can be adding in an ID or additional CSS Class, or amending the Microdata Schema including role, itemscope or itemtype attributes. The HTML markup elements/sections…
Using the new WordPress custom-logo theme support with Genesis

WordPress 4.5 added a new theme support feature for using a custom logo which allows a logo to be uploaded and used via the Customizer, this guide take you through using it with Genesis using the Sample Theme for an example.…
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

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 in a Responsive HTML Logo/Image Header via the Customizer for Genesis

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…
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…
Remove Archive Title & Description from Custom Post Type Archive in Genesis

Change Archive Title and Description of Custom Post Type Archive At the head of a custom post type archive page is an archive title and description by default, the title will inherit the name of the custom post type, you…
Move Header and Footer into Site Inner in Genesis

To move both and header and footer into the Site Inner container of Genesis there needs to be a lot of repositioning going on. The gist below is based off theWordPress Genesis Sample Theme – I need all four main elements header, content,…