Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #738070

    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!

    #738197

    Hey franktw,

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

    Best regards,
    Rikard

    #738435

    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!

    #738441

    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

    #739134

    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!

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