issues with adding filterable portfolio modern portfolio theme

[dmcleod87]

hi all,

i've been following this tutorial (http://sridharkatakam.com/filterable-portfolio-genesis/) trying to implement the portfolio. i've gone through it 3 times now but get the same result. the portfolio filter options are in the correct place but the portfolio thumbnails themselves are partially hidden off to the right of the page.

anyone know what might be causing this to occur? this is the code from the custom page template-

<?php
/**
 * Template Name: Filterable Portfolio
 *
 * By Sridhar Katakam (http://sridharkatakam.com) based on Adapt Theme (http://www.wpexplorer.com/adapt-free-responsive-wordpress-theme/)
 */
?>

<?php

# Force full width content
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

wp_enqueue_script('isotope', get_stylesheet_directory_uri() . '/js/jquery.isotope.min.js', array('jquery'), '1.5.25', true);
wp_enqueue_script('isotope_init', get_stylesheet_directory_uri() . '/js/isotope_init.js', array('isotope'), '', true);

//* Add custom body class
add_filter( 'body_class', 'filerable_portfolio_add_body_class' );

//* Filterable Portfolio custom body class
function filerable_portfolio_add_body_class( $classes ) {
    $classes[] = 'filterable-portfolio-page';
        return $classes;
}

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'filterable_portfolio_do_loop' );

/**
 * Outputs a custom loop
 *
 * @global mixed $paged current page number if paginated
 * @return void
 */
function filterable_portfolio_do_loop() { ?>

    <header id="page-heading" class="entry-header">
        <?php genesis_do_post_title(); ?>
        <?php $terms = get_terms( 'portfolio-category' ); ?>
        <?php if( $terms[0] ) { ?>
            <ul id="portfolio-cats" class="filter clearfix">
                <li><a href="#" class="active" data-filter="*"><span><?php _e('All', 'genesis'); ?></span></a></li>
                <?php foreach ($terms as $term ) : ?>
                    <li><a href="#" data-filter=".<?php echo $term->slug; ?>"><span><?php echo $term->name; ?></span></a></li>
                <?php endforeach; ?>
            </ul><!-- /portfolio-cats -->
        <?php } ?>
    </header><!-- /page-heading -->

    <div class="entry-content" itemprop="text">
         <?php $wpex_port_query = new WP_Query(
            array(
                'post_type' => 'portfolio',
                'showposts' => '-1',
                'no_found_rows' => true,
            )
        );
        if( $wpex_port_query->posts ) { ?>
            <div id="portfolio-wrap" class="clearfix filterable-portfolio">
                <div class="portfolio-content">
                    <?php $wpex_count=0; ?>
                    <?php while ( $wpex_port_query->have_posts() ) : $wpex_port_query->the_post(); ?>
                        <?php $wpex_count++; ?>
                        <?php $terms = get_the_terms( get_the_ID(), 'portfolio-category' ); ?>
                        <?php if ( has_post_thumbnail($post->ID) ) { ?>
                            <article class="portfolio-item col-<?php echo $wpex_count; ?> <?php if( $terms ) foreach ( $terms as $term ) { echo $term->slug .' '; }; ?>">
                                <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php echo genesis_get_image( array( size => 'portfolio' ) ); ?>
                                <div class="portfolio-overlay"><h3><?php the_title(); ?></h3></div><!-- portfolio-overlay --></a>
                            </article>
                        <?php } ?>
                    <?php endwhile; ?>
                </div><!-- /portfolio-content -->
            </div><!-- /portfolio-wrap -->
        <?php } ?>
        <?php wp_reset_postdata(); ?>
    </div><!-- /entry-content -->

<?php }

genesis();

http://www.portfolio.dylanmcleod.net.au/recent-work/

[AnitaC]

Since you are using Sridhar's code and instructions, you should contact him to assist you with this.

---

Need help with customization or troubleshooting? Reach out to me.

[dmcleod87]

hi anitac,

i left him a comment on his website but no response as yet. his website also said not to contact him for help unless directed by him so didn't want to annoy him. just thought someone on here may be able to help that's all.

thanks

[emasai]

Hi Dylan,
Yes, I had an issue with it using the Sample Child theme. I wanted it to show on the home page and Sridhar was not able to find the issue. A programmer I know had to rewrite a portion of the code. However this might not be the same issue you are having.

I got your images to move over to the left below the titles by deleting the overflow: hidden in .entry-content. That may have repercussions elsewhere, but it seems to work now.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[AnitaC]

Wow @dmcleod87, I didn't realize he had a policy like that. Glad to know that now.

---

Need help with customization or troubleshooting? Reach out to me.

[dmcleod87]

yeah @anitac i can understand why though, he probably gets inundated with requests for free help on a daily basis!

[AnitaC]

Well, I would just think that if you write a blog post and share it with people to use - that you would provide support for whatever code it was that was provided. But everyone has their own policies.

---

Need help with customization or troubleshooting? Reach out to me.

[dmcleod87]

thanks @emasai, that works in chrome but not in firefox. guess i'll keep tinkering away!

[emasai]

Hey Dylan, read my post further up the page, you must have missed it!!

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Yes Chrome is my browser of choice. I will take a look in FF too.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Firefox hangs on my Mac so I switched to Chrome.
Anyway it works in both, I just forgot that I also added margin-top: 60px to #portfolio-wrap, .filterable-portfolio ;-}}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[dmcleod87]

ah ok that did the trick...thanks so much!

[Author]

Posts