Recent Posts in Magazine Layout

[catinahat]

Hello,

I am building an website in a magazine layout and I have a stumbling block with the front page as I cannot find a grid or widget plugin that could adapt to different layouts (see example below taken from the Guardian website) with large or smaller picture + text on the left / right + excerpts . Grids are usually quite with text above or below the image and the theme inbuilt Classic Recent Post being even more limited. I just wondered if you had any suggestion of I could visually achieve this. Thank you!

[nabeel]

Hi there,

Thanks for writing in! Ethos stack has a similar front page layout, check the demo here http://demo.theme.co/ethos-1/ or you can try Essential Grid or The Grid extension to achieve the similar layout. You can see the demos here https://essential.themepunch.com/ and https://theme-one.com/the-grid

Hope this helps!

[catinahat]

Thanks Nabeel - I have just discovered the endless possibilites of Essential Grid which I found far more customizable than The Grid so yes, very happy with the new found options and all is good!

[friech]

We are delighted to assist you with this.

Cheers!

[catinahat]

Sorry, one more issue: how can I configure Classic Recent Posts so that the thumbnail image appears on the left and the title and excerpt on the right?

It would be good if added customisation could be added to CRP as part of the overall XthemePro roadmap.

[Prasant]

Hello @bebang,

Thanks for updating the thread.

You can add following CSS under X / Pro > Theme Options > CSS:

.x-recent-posts .x-recent-posts-img {
    float: left;
    width: 45%;
}

.x-recent-posts .x-recent-posts-content {
    float: left;
    width: 55%;
}

If there is any issues with alignment then please share website URL.

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

Thanks.