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%; } } Just change the max-width value to the pixel number that you want the…
Read MoreRemoving 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 you can enable or disable the mobile menu. There are times where you may want to…
Read MoreAdding 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 also known as ‘contexts‘ are originally declared as functions in the core Genesis Framework in:…
Read MoreUsing 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. The terminology of custom_logo will make more sense to end users than custom_header To add…
Read MoreAdd 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 set the background image via the Customizer, this is great if you need to have…
Read MoreUsing 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 plugin which will work on Genesis and regular WordPress themes. SlickNav mobile menu is supports all modern…
Read MoreAdding 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 a couple of ways, one with a filter and one with an action. But first…
Read MoreRemove 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 file and all the archive titles will be removed – all these actions are initially…
Read MoreRemove 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 can edit these values in the Archive Settings of the custom post type in the…
Read MoreMove 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, footer-widgets and footer also to have structural wraps – header, footer-widgets and footer already have…
Read More