Genesis has built-in support for footer widgets (appearing above the footer) that can be enabled by adding the following in child theme’s functions.php: The second parameter in the above can be changed to reflect the number of footer widgets you would like to use. In this article I would like to share sample CSS to […]
CSS
CSS Flip Animation in Genesis
In this article I share how CSS Flipping Animation by David Walsh can be applied in Genesis to display 3 Featured Posts below the header. Hovering a image (Featured image of the Post) reveals that Post’s title, excerpt and a read more button. Screenshot (with the middle featured image hovered): Screencast: Personally I do not […]
Responsive Design View Presets in Firefox for Web Development
Firefox has a fantastic featured baked in called Responsive Design View for quickly resizing your active tab to different Preset dimensions. To bring it up, go to Tools > Web Developer > Responsive Design View or press Cmd + Alt + M on a Mac or Ctrl + Shift + M on a PC. If […]
The BDN test
I have probably troubleshooted some 30,000 websites in the last 4 years. Irrespective of what WordPress theme is currently active, one of the most common mistakes folks make is writing erroneous code in their stylesheet that causes the browsers to not render any CSS code below the error point. Ex.: Missing closing brace. When you […]
How to center Navigation Menus in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
My Genesis Sample theme CSS reset
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Simple image hover effect that shows a background image
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Font Awesome icons with a circular background
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Cross-browser animations using Animate.css
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to reduce the container width in eleven40 Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments