Sridhar Katakam

Genesis and WordPress Tutorials

  • This is awesome! Thanks so much! Are you able to update the code above so that instead of inserting each page individually, you could just add the widget, tick the pages you want to show and how many you want to show and also allow it to randomly select the pages?

    Reply

    • If you are familiar with Views plugin, you should be able to create a custom View with your desired filters like what Pages to show, how many to show etc. and use its widget instead of multiple ‘Genesis – Featured Page’ widgets.

      Reply

  • Sridhar,

    Thank you! I had an issue where the ‘featured pages’ were aligning vertically instead of horizontally. I used the CSS you provided and now the featured images align horizontally.

    Reply

  • Thank you so much for posting this. I would have never thought to use the “nth-of-type.” This particular use isn’t for a portfolio page, but it’s the same principle. I spent several hours tweaking the CSS for the featured page widget (it’s easier for clients to manage when I use that), but it still wasn’t working well with my responsive theme. This was much better. I appreciate you sharing it.

    Reply

  • Hi Sridhar

    can we use this code for custom post types?

    I use a custom post type but on using Genesis Featured WIdget Amplified those are aligning vertically.

    If its not too much, could you suggest a workaround?

    Reply

  • blog.ficci.com but that would be under maintenance mode right now.

    If I use this code they align in a grid but I know this is a wrong way to do it

    function be_archive_post_class( $classes ) {

    // Don’t run on single posts or pages
    if( is_singular() )
    return $classes;

    $classes[] = ‘one-third’;
    global $wp_query;
    if( 0 == $wp_query->current_post || 0 == $wp_query->current_post % 3 )
    $classes[] = ‘first’;
    return $classes;
    }
    add_filter( ‘post_class’, ‘be_archive_post_class’ );

    Reply

  • Sridhar Katakam, what will i need to do to accomplish the same for the Agency Pro child theme? this would be for the home middle widget, i want 6 featured pages rather than posts.

    Reply

  • Sridhar, thank you so much. This is exactly what I was looking for. I emailed Studiopress support and they sent me a link to this article.

    Many, many thanks!

    Reply

  • Sridhar,

    I’ve copied the CSS into the style.css file. The images align properly, but the title under the image is just a small font. It does not look the same as the larger H2 font with I use featured posts. Did I miss something?

    Reply

    • Hi Caleb,

      I have the same issue and got around it by commenting out/removing the .featuredpage h2 a declaration in the css 🙂

      Reply

    • No need to do that. In the .featuredpage h2a section of Sridhar’s CSS code change font-size: 1.125 to 1.8rem. This might have been a typo on his part. Which is the equivalent of the font-size: 18px just above. The section now should read:

      .featuredpage h2 a {
      font-size: 18px;
      font-size: 1.8rem;

      Reply

  • Hi,
    I just came to this post from the Studiopress forum. I am hoping you can help me.
    I have the Modern Portfolio Pro theme and would like 3 widget areas in the portfolio section.
    One is an About PAGE and the other two are categories of blog posts (Featured post widget?).
    Currently they are showing one on top of the other, but I would like them inline.
    I suspect this code is similar to what I need, but not sure about the exact code for what I’m trying to do.
    I appreciate any help.
    Thanks!

    Reply
    • >