Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 10, 2014 at 2:49 am #365786
    codemode

    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 10 years ago by codemode.
    December 10, 2014 at 6:34 pm #366159
    Elliott

    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

    December 10, 2014 at 10:00 pm #366270
    codemode

    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 10 years ago by codemode.
    December 11, 2014 at 6:06 am #366496
    Ismael

    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

    December 12, 2014 at 1:21 am #367080
    codemode

    Brilliant thanks!

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

    December 12, 2014 at 6:37 pm #367401
    Elliott

    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

    December 15, 2014 at 9:13 pm #368576
    codemode

    Perfect thanks!

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