Create Another Header-Right Widget Area in Genesis Theme to Display on Certain Posts and Categories
I had to create a separate Genesis Header-Right Widget Area for a client that needed to display different elements in the widget for posts in a certain category. This can be achieved with conditional widget logic plugins but can also be done in the code.
Read MoreChanging the Thumbnail Size for Genesis Featured Posts Widget
Genesis has a great Featured Posts widget with a lot of options to configure including whether or not to include a thumbnail image, the thumbnail will be the Featured Image if set, and if not set is the last image used inside the post. The thumbnail image size will list available sizes that you can…
Read MoreRemoving the Authors Name from the Post Info in Genesis Child Theme
By default in a Genesis child theme the post-info info on a blog single post contains the article date, authors name and comment link. To change these details such as remove the authors name from the blog post, you can adjust what is output by adding a filter and function to the functions.php file of the child theme.…
Read MoreCreate Custom Post Types in Genesis Child Theme in WordPress
Custom Post Types are a great way to structure your data and also to provide an interface for an end user to easily populate data as in any content management system. There are WP plugins available for download that can create and manage custom post types but you can also follow WordPress functions and do…
Read MoreCreating Full Width Fluid Divs in Genesis Theme for Sales/Landing Page
Getting full width pages in Genesis – Its colorful and long and goes on and on and on – sales landing pages. To create these types of full width pages in a Genesis child theme you need to edit the CSS for the inner part of the page and then create some new CSS…
Read MoreAdding a Vertical Image Background Full Depth in Genesis Theme WordPress
A web design normally has a horizontal full width image but what about a vertical full depth that spans the page. In a Genesis theme you can accomplish this by setting a background image to the .site-container div that contains all page elements If the image has to be a certain width with no text or images…
Read MoreAdd Full Width Wrap to the Inner Content of a Page in Genesis Theme
By default the inner content of a Genesis page is contained within a div with a fixed with of between 1140px -1200px and centered. What if you need to add a full width design element that goes edge to edge of the viewport, like a gradient drop-shadow like so… There is a full wrap…
Read MoreAdding Full Width Top and Bottom Wrap Content into Genesis Child Theme
You can add in full width content that is contained in a wrap in Genesis theme in the top and bottom of the page. This above design calls for a full width area below the logo/menu to hold the hero image and also below that to hold the opt-in heading and button and a…
Read MoreMoving the Genesis Menu into the top right Header
You can move the default Genesis primary menu into the header of your page quite easily by adding it via a header widget as a custom menu. By default the primary menu displays as a full width menu after the header To change this and move it into the header, go to Appearance > Menus…
Read MoreAdding a Logo to the header of a Genesis Child Theme
When you create a Genesis Child Theme you have the option of Dynamic Text or an Image Logo for the Header as choices in the Genesis settings. Dynamic Text The dynamic text pulls in the site title and description as set in the WordPress Dashboard > Settings > General area Genesis places the Site Title and Site Description in a…
Read More