Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17639

    Hi there,

    No idea how to do this (not really much of wordpress expert) but want a custom portfolio page that allows the heading to extend across the top of the page, portfolio meta info and text to the left underneath heading and image on the right underneath.

    Kind of like this:

    http://hedleybc.ca/images/modified-portfolio-page.png

    Any help would be much appreciated.

    #96266

    Hi,

    Add this on your custom.css

    .eight.units.alpha.min_height_1 {
    clear: none;
    margin-left: 30px;
    }

    .four.units.entry-content {
    margin-left: 0;
    float: left;
    }

    Then open includes > loop-portfolio-single.php.. Remove everything and replace it with this code

    <?php
    global $avia_config, $slider, $post_loop_count;

    $post_class = "post-entry-".avia_get_the_id();
    $slider = new avia_slideshow(avia_get_the_id());
    $slider ->setImageSize('fullsize');

    do_action( 'avia_action_query_check' , 'loop-portfolio-single' );

    // check if we got posts to display:
    if (have_posts()) :

    while (have_posts()) : the_post();

    ?>
    <div class='post-entry post-entry-type-portfolio <?php echo $post_class; ?>'>

    <span class='entry-border-overflow extralight-border'></span>

    <div class="twelve units alpha min_height_1">

    <?php echo avia_title(false, false, ""); ?>

    </div>

    <div class="four units entry-content">

    <span class='date-container minor-meta meta-color'><?php echo get_the_date(); ?></span>
    <?php

    $meta = avia_portfolio_meta(get_the_ID());
    if($meta)
    {

    echo $meta;
    echo avia_advanced_hr(false, 'small');
    }

    the_content(__('Read more','avia_framework').'<span class="more-link-arrow"> &rarr;</span>');

    if(has_tag() && is_single())
    {
    echo '<span class="text-sep">/</span><span class="blog-tags minor-meta">';
    echo the_tags('<strong>'.__('Tags: ','avia_framework').'</strong><span>');
    echo '</span></span>';
    }
    ?>

    <div class='blog-inner-meta extralight-border'>

    <div class='post-meta-infos'>

    <?php

    echo '<div class="like-count minor-meta">';
    echo avia_facebook_like($id);
    echo '</div><span class="text-sep like-count-sep">/</span>';

    echo '<span class="tweets-count minor-meta">';
    echo avia_retweet($id);
    echo '</span>';

    $cats = get_the_term_list( get_the_ID(), 'portfolio_entries',"",", ","");
    if(!empty($cats))
    {
    echo '<span class="text-sep tweets-count-sep">/</span><span class="blog-categories minor-meta">'.__('posted in ','avia_framework');
    echo $cats;
    echo ' </span>';
    }

    ?>

    </div>

    </div>

    </div>

    <div class="eight units alpha min_height_1">

    <?php if($slider->slidecount) echo $slider->display(); ?>

    </div>

    </div><!--end post-entry-->
    <?php

    endwhile;
    else:
    ?>

    <div class="entry">
    <h1 class='post-title'><?php _e('Nothing Found', 'avia_framework'); ?></h1>
    <p><?php _e('Sorry, no posts matched your criteria', 'avia_framework'); ?></p>
    </div>

    <?php

    endif;

    if(!isset($avia_config['remove_pagination'] )) echo avia_pagination();
    ?>

    This is on Single Portfolio view.

    Regards,

    Ismael

    #96267

    Hi Ismael

    Hugely appreciate this. Did as suggested. Dead easy, however the portfolio now resides underneath the meta info and body text.

    Suggestions?

    No looks like: http://hedleybc.ca/images/modified_portfolio-first_mod.png

    Also from what css file does the css you asked me to put in to custom css originate?

    Thanks!!

    #96268

    Hey colinjf,

    Any way we can take a look at what you have now live? Want to make sure I’m working off the same changes and to see how its set up based on Ismael’s code.

    Regards,

    Devin

    #96269

    Sorted it out. Mistake on my part.

    Thanks so much Ismael for the help and Devin for following up.

    Colin

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Custom Portfolio Page’ is closed to new replies.