Recent posts spread all over

Support
#1

On my front page absolonia.com I have placed my recent posts in a block.

[recent_posts type=“post” count=“10” orientation=“horizontal” align=“center” fade=“true” offset="" category="" id="" class="" style=""]

The presentation is a mess. How can I get control? Image size and their distribution on the page?

#2

Hi @chelling,

The recent posts is not designed for 10 posts, please try with 5 posts per shortcode and use the offset option instead:

[recent_posts count="5" orientation="horizontal"] [recent_posts count="5" orientation="horizontal" offset="5"]

Hope it helps :slight_smile:

#3

It did not help. Same problem with the script you suggested.

#4

Hi Christian,

It is because the recent post element can usually contain up to 4 posts online. Since you are using 5 posts, please add this in X > Theme Options > CSS:

.x-recent-posts a.x-recent-post5 {
    width: 18.4%;
    margin-right: 2%;
}

.x-recent-posts a.x-recent-post5:last-child {
    margin-right: 0;
}

Hope this helps.

#5

Hi again Jade. Still the same problem. I have done everything you suggest, but nothing is changing.

#6

Hi Christian,

It’s a bit weird since it should be automatically apply the columns styling. Could you try the count to 4? Then please provide your admin login credentials in the secure note for direct testing.

Thanks!

#7

Hi Christian,

I’ve changed the shortcode to this:

[recent_posts count="4" orientation="horizontal"] [recent_posts count="4" orientation="horizontal" offset="4"]

Everything looks good now.

Cheers!

#8

WOW! I love you

#9

I cannot stop asking. When I roll over the blog icons a document icon shows up. How can I change this to a fruit?

#10

Hello Christian,

Thanks for updating the thread. :slight_smile:

You can use following CSS under X > Theme Options > CSS:

.entry-thumb:before {
    content: "\f5d1";
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

1 Like
#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.