Sometimes the usual WordPress drop down navigation menu doesn’t quite work because the number of items is too long. You can use any of the popular mega menu plugins, but it’s quite simple to style a multi column or mega menu drop down navigation for Genesis themes using CSS.
And Without Losing the Read More Accessibility!
Accessibility support was added to the Genesis Framework with version 2.2 (Sept. 1, 2015). One of the new accessibility features added was screen reader text on the blog post read more links, so those who use a screen reader know where the read more link takes them.
Instead of just hearing a lot of “Read more”, if the blog post has a title “New Blog Post”, they now hear “Read more about New Blog Post”. This is really helpful in navigating a website.
Read More » about Customize the Read More Text in Genesis Themes with Accessibility
It’s straightforward to add an additional new image background section to Genesis Workstation Pro child theme. You’ll need to edit a few files, so follow the steps in this Genesis theme customization tutorial carefully.
Save copies of the original files before you start editing, and be sure you have FTP access, in case something goes wrong.
Read More » about Add New Image Section to Genesis Workstation Pro Theme
Have you noticed lately that when you view dropdown select menus with Chrome or Safari browsers that they are very narrow in height and also have rounded corners? This happens, if you’re using a forms plugin or the WordPress Archives or Categories widgets with the dropdown option. They all look like the image below – rounded corners and narrow in height, compared to Firefox, even though they have the same CSS styles as the other input fields.
Small, round corner select dropdown menus just seem out of place when the rest of your form inputs are a nicer size (mobile-friendly size for touch screens) and have square corners too.
Read More » about Style Dropdown Select Menus in Chrome – Square Corners and Height
When you use a Genesis theme that has post formats, you may want to use excerpts for some of the longer post formats on your blog and archive pages. But you may also want to display the full content for other formats, like quotes or links. This tutorial shows you how to add full quotes and links for post formats that use excerpts for longer content.
Read More » about Add Full Quotes and Links for Post Formats with Excerpts
Many Genesis and WordPress themes have a custom header area that you can use to add your logo or header. The size for the logo or header is set by the theme. You can add your own logo size, and you can also edit the custom header settings, so that your logo can be uploaded at twice the normal size. Then your logo will look sharp and not blurry on retina screens.
This tutorial will show you how to resize the header customizer to match your logo size, so that you can add retina logo to Genesis or WordPress themes, and then to adjust the theme styles, so that it looks great.
Read More » about Add Retina Logo to Genesis or WordPress Themes
The Genesis Author Pro theme and plugin have the option to add books for multiple authors. The book author is a taxonomy, like a category. And so the book author pages are archive pages, just as category archives are.
You can easily add custom content to the book author archive pages, like the author’s image, some about the author text, and links to their social media or book buying sites without editing your template files, even though there is only a text area field for content. It can look like this.
Of course, if your website does have a lot of authors, and you need more control over the information you add to each author archive page, you will want a designer or developer to create a custom template for your Genesis website.
Read More » about Add Images to Book Author Pages for Genesis Author Pro Theme
A number of Genesis child themes set the default styles for form fields (your contact form) to a width of 100%. This makes a nice mobile-friendly form on phones or tablets. On larger screens, it may not be the look you want for your contact form, especially if your child theme is full-width.
You can make a few quick edits to the “Forms” section of your style.css to limit contact form widths. I’ll be using the Genesis Sample theme, but you’ll find the same section in most of the child themes.
Read More » about Limit Contact Form Widths in Genesis Themes
Genesis themes come with the Genesis – Featured Posts widget which you can use to add a grid of posts to your home page or add some recent posts to your sidebar. This works great for normal posts, but what if your theme has custom post types, like events, portfolio items, or testimonials?
Jo Waltham (Callia Web) has improved the original featured posts widget to add custom post types and custom taxonomy. You can find her Featured Custom Post Type Widget for Genesis on GitHub. This means that you can still easily add extra content to widgets in your home page or sidebar.
Read More » about Using the Featured Custom Post Type Widget for Genesis
This tutorial will show you how to add and style post formats in your Genesis child theme.
So what are post formats?
A Post Format is a piece of meta information that can be used by a theme to customize its presentation of a post.
But really, adding post formats to your WordPress website just allows you to easily style different posts. Some other platforms, such as Tumblr do this automatically. The default WordPress theme Twenty Thirteen is styled using post formats.
Read More » about Add and Style Post Formats in Your Genesis Child Theme