[claireshamillaParticipant]

Hi there,

I love the layout of the recent blog posts, with image left, snippet of content to the right, as displayed in the ethos demo here: http://demo.theme.co/ethos-1/

I am using integrity light and I’d rather have my blog posts displaying on my main blog page as they do in ethos. I found this thread (https://community.theme.co/forums/topic/how-to-change-the-layout-for-the-archive-and-blog-pages/) where someone was asking the same question (I think) and it seemed to work for them, but I’ve tried using that css, but it still doesn’t do anything on the page where I have the short code: [recent_posts count=”2″ orientation=”vertical”]

Here is the page where I’m trying to achieve this look: http://claireshamilla.com/blog/

Is it actually possible to get the posts to preview like the attached image, or not?

Looking forward to hearing back from you.

Thanks in advance,

Claire

[Paul RModerator]

Hi Claire,

Instead of using recent posts shorcode, please set your blog page as posts page.

https://www.screencast.com/t/deNitCts

Hope that helps.

[claireshamillaParticipant]

Thank you for your reply Paul.

I did that and now the posts are previewing as I would like them to. The only thing is that I would also like to use layer slider at the top of the page too. Is it possible to have a slider at the top and then the posts appearing like that underneath?

I have that format on all the other pages, so would be good to be consistent if possible.

TIA 😀

[Paul RModerator]

Hi,

You can add this in your child theme’s functions.php file.

function add_blog_slider() {
    if(is_home()) {
        echo do_shortcode('[layerslider]');
    }
}

add_action( 'x_after_view_global__slider-below', 'add_blog_slider', 10 );

Change [layerslider] with your layer slider shortcode.

Hope that helps.

[claireshamillaParticipant]

Thank you so much, that worked a treat!! 😀

[Rue NelModerator]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts