Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #365786

    What’s the best way to re-style related posts (you might also like) to have a bigger image and title underneath using custom CSS? See example image

    • This topic was modified 8 years, 9 months ago by codemode.

    Hey codemode!

    Open up /enfold/single.php and around line 40 you should see this.

    get_template_part( 'includes/related-posts');

    Change it to this.

    echo do_shortcode("[av_blog blog_type='taxonomy' link='post_tag,6' blog_style='blog-grid' columns='3' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='3' offset='0' paginate='yes']");

    Best regards,


    Wow! Very cool.

    1) How do I modify to just show featured image and headline only?
    2) The grid runs into the border line on the right, so what CSS can I use to constrain the width or add padding?
    3) And the “You Might Also Like” text header disappeared. But I’d like to change that text to “Related Stories” anyway.

    Thank you!

    • This reply was modified 8 years, 9 months ago by codemode.


    You can add this on Quick CSS or custom.css:

    .single .slide-meta {
    display: none;

    Fix the right padding with this:

    .single .avia-content-slider {
    padding-right: 50px;

    And add the Related Stories text above the shortcode on single.php:

    echo "<h3>Related Stories</h2>";

    Best regards,


    Brilliant thanks!

    1) However, I still see the excerpt under the headline? Can that be removed with CSS too?



    Try adding this.

    .single .slide-entry-excerpt { display: none !important; }

    If that’s not working then send us a link so we can take a look.



    Perfect thanks!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Custom Styling Related Posts’ is closed to new replies.