• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add & Style Genesis Tabs Widget

Here’s a few tips about how to add the Genesis tabs plugin and style the widget.

There’s 2 steps:

  1. Add a new widget area before the loop on the front page
  2. Style the tabs widget after installing the Genesis Tabs plugin

I used the same class and CSS code for adding the Metro Pro themes after post widget.

Here’s the before:

before style

And after shots:

after style

PHP

Grab this code from the view raw link in the Gist and paste at the end of your child themes functions.php file.

Change the dimensions in the first line of code to match the width and height of the featured images you want displayed in the tabs widget.

CSS

Paste this code at the end of your child themes style.css file before the Media Qeuries.

The widget displays before the loop on the front page however you can easily change the conditional tag is_front_page() to suit your own preferences.

Reader Interactions

Comments

  1. Rudd says

    March 11, 2014 at 11:46 am

    Too bad we cannot specify number of post to be displayed from each category. Long time ago I saw someone already tweak the plugin so users will be able to specify number of post to be displayed from each category. I’m still waiting whether StudioPress is going to add that feature in the future.

    Log in to Reply
    • Brad Dalton says

      March 11, 2014 at 11:50 am

      Can using a filter.

      Wrote about this last year.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.