Styling Alloy Recent Posts Stack

Hi All,

I’ve moved one of my sites over to Foundry+Alloy for a blog. This has worked really well so far.

The only problem I’ve hit is styling the recent posts on my front page. At the moment the recent posts stack only gives a flat list. Any ideas on how I might make them buttons or more styled, or if there are other solutions for getting the most recent posts on the front page with more content/style.

Website link

I think this is on the roadmap for a future update. @Elixir could say more. Right now you would have to add this manually…

1 Like

Yes it is in the roadmap, I’m looking for an interim solution.

You can make them look like a button with some CSS,

Give this a try:

.recent-posts > li > a {
   background-color: rgb(148, 82, 0);
   border-radius: 15px;
   border: 1px solid #241d13;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   width: 90%;
   padding: 10px 64px;
   text-shadow: 0px -1px 0px #7a2a1d;

recent-posts > li > a:hover {
   color: rgb(255, 204, 120);
   background-color: rgb(140, 82, 0);;

Of course you can change the styling (size and colors, etc)

Thank you sir! That has been extremely helpful!

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