How can I display the tag above the title on post blog?

Hey hhlee98815,

Thank you for the inquiry.

Are you using the Blog Posts element? If yes, then you can try this filter in the functions.php file.

function avf_post_slider_entry_excerpt_mod($excerpt, $prepare_excerpt, $permalink, $entry ) {
    $tags = get_the_tags($entry->ID);
    $tags_output = "";
    if('blog-meta-tag' == avia_get_option('blog-meta-tag') && $tags ){
        $tags_output .= '<div class="post-tags" style="display:block"><p class="post-tags-inner">';
        foreach ( $tags as $tag ) {
            $tags_output .= '<a href="  '.get_tag_link( $tag->term_id ).'  ">';
            $tags_output .= '<strong> '.$tag->name.' </strong>';
            $tags_output .= '</a>' ;
            if(next($tags)){
                $tags_output .= '<span class="text-sep"> | </span>' ;
            }
        }
        $tags_output .= '</div>';
        $excerpt = $tags_output . $excerpt;
    };
    return $excerpt;
}
add_filter('avf_post_slider_entry_excerpt', 'avf_post_slider_entry_excerpt_mod', 10, 4);

Best regards,
Ismael

Hi,
Thank you for your patience, when I check the tags seem to be showing, this one is above the title:

and these are also above the title:

is this correct?

Best regards,
Mike

Hi,
@alex.ndu, this thread is about the placement of the “tags”, we would like to keep each thread on a single topic as it helps future users when searching for answers.
On your page you seem to have two Blog Posts Sliders, one for posts and one for products so I don’t know if you want to move the title below the excerpt for both of them, assuming that you do try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_title_below_excerpt() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.slide-entry').each(function() {
$(this).find('.slide-entry-title.entry-title').css({'margin-top':'15px'}).insertAfter($(this).find('.slide-entry-excerpt.entry-content'));
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'move_title_below_excerpt');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
You also have some custom css that you should remove to make this look nicer:

.avia-content-slider .slide-entry-title {
    margin-bottom: 15px!important;
}

If this doesn’t help please open a new thread with the url to the page in question and further details on what you are trying to achieve so we can be of more assistance. Thanks for understanding.

Best regards,
Mike

Hi,
Thanks for the feedback, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_post_tags_above_title() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.slide-entry').each(function() {
$(this).find('.post-tags').insertBefore($(this).find('.slide-entry-title.entry-title'));
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'move_post_tags_above_title');

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike