I want to create a blog homepage but the current “recent posts” shortcodes don’t look good at all and can only include the title of the post and an image without an extra preview of the content. How do I create a blog homepage?
Hello Boxin,
Thanks posting in!
Please be advise that you are using Integrity stack. This stack will allow you to choose one of the two layouts for your blog index.
- The Masonry Layout: http://demo.theme.co/integrity-1/blog/
- The Standard Layout: http://demo.theme.co/integrity-5/blog/
You can check your blog settings in X > Theme Options > Blog.
If you want to display recent post items in your home page, you may only use Recent Posts element. Make sure that you are building the homepage in Cornerstone.
Hope this helps. Please let us know how it goes.
So I tried the Recent Posts element on my homepage but the posts that show up look nothing like the layout of the posts on the blog page. They only display the title of the post and don’t have previews of the content and there’s an ugly white frame around the image…
Hello Boxin,
Thanks for updating the thread.
The recent post element will display image thumbnail and title of the blog post. Upon clicking on the image thumbnail or title, will direct you to the blog post itself.
If you would like to remove the frame, please add following CSS under X > Theme Options > CSS:
.x-recent-posts a {
border: 0;
box-shadow: none;
}
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.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.