Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 20, 2014 at 6:36 am #338141
    jokhm

    Hi all

    I’d like to customize portfolio grid titles by moving the titles to the top instead of the default at the bottom. Is there a simple way to do this?

    Thanks!

    J

    October 20, 2014 at 9:25 pm #338649
    Yigit

    Hi jokhm!

    It is not easily possible. You can go to Enfold/config-templatebuilder/avia-shortcodes folder and modify portfolio.php file if you really need it

    Best regards,
    Yigit

    October 25, 2014 at 7:55 am #340915
    jokhm

    hmm this looks tougher than imagined. Any brief pointers on what I’m supposed to be looking for? I see removing the arrows is fairly simple and straightforward, so was guessing having the text align at the top of the image rather than the bottom might be similar.

    October 27, 2014 at 10:01 am #341394
    Ismael

    Hey!

    Please look for this code:

    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size, $image_attrs )."</".$link_markup[1].">";
                    $output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';

                    if(!empty($title))
                    {
                        $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
                        $output .= '<header class="entry-content-header">';
                        $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>";
                        $output .= '</header>';
                    }
                    $output .= !empty($excerpt) ? "<div class='grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup)).">".$excerpt."</div>" : '';
                    $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';

    Replace it with:

     $output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';

                    if(!empty($title))
                    {
                        $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
                        $output .= '<header class="entry-content-header">';
                        $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>";
                        $output .= '</header>';
                    }
                    $output .= !empty($excerpt) ? "<div class='grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup)).">".$excerpt."</div>" : '';
                    $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
                    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size, $image_attrs )."</".$link_markup[1].">";
                    $output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';

    Best regards,
    Ismael

    October 27, 2014 at 1:37 pm #341462
    jokhm

    Wow

    ! you are the best! That totally worked! Thanks a million!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘customize portfolio grid titles’ is closed to new replies.