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 MoreGenesis Title Toggle on Custom Post Types – Learn Dash
By default Genesis Title Toggle only works on pages, but you can enable it for regular posts and custom post types by using a filter that the plugin comes with – in the example below I need it enabled for the default custom post types that come with Learn Dash. So in the snippet above…
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 MoreHow to Add Extra Settings to Default Customizer Sections in WordPress
WordPress has a number of default Customizer panels that are in core and applied to all themes – these include Menu and Widgets as well as Site Identity and Static Front Page. Once you add_theme_supports in your themes function.php file for custom-header and custom-background you get three more panels; Colors, Header Image and Background Image.…
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 MoreAdding a Text Block via the Customizer in WordPress
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 number of StudioPress themes, using the Customizer will easily allow a non-technical user to change it.…
Read MoreUsing 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 themes but here I just want to break it down to one single image for…
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 MoreRemove Related Products on Product Page in WooCommerce
To remove related products on a WooCommerce product page…
Read More