Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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 9 years, 10 months ago by codemode.
    #366159

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

    #366270

    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 9 years, 10 months ago by codemode.
    #366496

    Hey!

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

    #367080

    Brilliant thanks!

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

    #367401

    Hey!

    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.

    Cheers!
    Elliott

    #368576

    Perfect thanks!

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