Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 25, 2017 at 2:42 am #738070
    franktw

    Hi,

    Is there a way to change the styling on the related posts so they are larger rectangles with text below. More like you would typically see on publisher sites (and Outbrain, Taboola, units, etc.)? Hoping to have three related posts with large images and Title text below the images.

    Thanks!

    January 25, 2017 at 8:58 am #738197
    Rikard

    Hey franktw,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 25, 2017 at 4:11 pm #738435
    franktw

    Hi,

    We’re just trying to get the Related Posts to look more like a normal content site. For example (see Recommended For You):

    Elon Musk says he’ll start digging a tunnel from SpaceX HQ next month

    Most content sites have 3 large rectangular images at the bottom of a posts with a bold headlines below each post image. Enfold has small, round images with text to the right – much harder to get a sense of the content in that format (less ‘clickable’). Would love to make it look more like standard Related Posts on content sites.

    Thanks!

    January 25, 2017 at 4:24 pm #738441
    Yigit

    Hi!

    Please go to Enfold theme options > Blog Layout > Related Entries and choose “Show Thumbnail and post title by default” then go to Enfold/includes/related-posts.php file and find 

    		'columns' => 6,
		'post_class' =>  "av_one_half no_margin ",

    and change it to 

    		'columns' => 3,
		'post_class' =>  "av_one_third no_margin ",

    Then add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-related-style-full .related_column {
    clear: none;
    width: 33%;
}
#top .av-related-style-full .av-related-title, #top .av-related-style-full .related_image_wrap, .related_posts.av-related-style-full a { display: block; }
#top .av-related-style-full .related_image_wrap {
    width: 100%;
}
#top .av-related-style-full .related_image_wrap,#top .av-related-style-full .related_image_wrap img {
    border-radius: 0 !important;
}

    Regards,
    Yigit

    January 26, 2017 at 9:51 pm #739134
    franktw

    Thanks – that’s quite a bit more code modification than I was hoping for. I’m really hoping you add this as an option to the Related Posts drop-down so we don’t need to modify the code. I love the Enfold theme, but the Related Posts styling is the one part that is fairly unusual compared to other content sites (and less engaging, given the small images).

    Thanks again!

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