Styling Alloy Recent Posts Stack

Classic General
1

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

2

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
3

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

4

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)

5

Thank you sir! That has been extremely helpful!

6

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