Hello,
I’d like to have my recent posts displayed precisely like that of a plugin we use to fetch posts from a sister website. CSS provided in secure note.
Please advise!
Hello @mmurphyperron,
Thanks for asking. 
Is it possible for you share website link of other website so we can take a look at how recent post looks like over there? You have shared the CSS but it’s difficult for us to test without actually taking a look at the website.
Having said that please note providing custom solutions falls outside the scope of support we offer. However, we will definitely guide you towards the right path.
Thanks.
Hi, the page is also in the secure note!
Hi again,
In your secure note both links are the same. Can you please provide the link of the site that is using a plugin to fetch posts? So we can compare both sites. If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Hope this helps
I’m sorry, I thought the secure note was clear.
Everything before the < hr > is using your recent_post shortcode. Everything below it is from our custom plugin that I would like your recent_post feature to look like.
I know CSS, but I don’t know the proper class and IDs behind recent_post to target.
Hello There,
Thanks for updating in. Please be informed that the recent post element does not have an excerpt by default. And it will only display up to 4 items and does not display more than 4 items. You added a shortcode version of the recent post element in your text element. In your shortcode, you added [recent_posts count="10"....] hoping to display 10 items. As soon as the number exceeds 4, the recent post items will no longer display correct which is why when you look at it, the items were no longer aligned to each other.
I also compared the element structure of you custom plugin and the recent post element. Regretfully you cannot mimic the look and feel of the recent post element because it does not have the same structure with your custom plugin. Adding a custom css to mimic the look and feel is impossible and will only create series of designed issues. I would recommend that you look for an alternative layout for your design or another 3 party plugin that looks like your custom plugin.
Thanks for your understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.