Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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:

    Any help would be much appreciated.



    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

    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 class="four units entry-content">

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

    $meta = avia_portfolio_meta(get_the_ID());

    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'>


    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',"",", ","");
    echo '<span class="text-sep tweets-count-sep">/</span><span class="blog-categories minor-meta">'.__('posted in ','avia_framework');
    echo $cats;
    echo ' </span>';





    <div class="eight units alpha min_height_1">

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


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


    <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>



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

    This is on Single Portfolio view.




    Hi Ismael

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


    No looks like:

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



    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.




    Sorted it out. Mistake on my part.

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


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

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