Archive Layout Similar To Example Site

[Peter789]

Hi there,

I need help to recreate the same look and effect on hover when the mouse is placed above the posts. As you can see I made it similar, BUT i feel like I created way too many elements and that it could be achieved the same result with less… could you help me with that please?

Here is the Apple blog:

Newsroom

Here’s the section I’m trying to recreate: https://prnt.sc/EYpvq6n6ygsw

And here’s my version: https://staging-unwavcom-staging.kinsta.cloud/category/tips-tutorials/

---

Also, I don’t know how to place in the column post the dynamic “Category” to show.

[christian]

Hey Katarina,

Your page is not available. Please replicate the layout closely and detail what you can’t replicate.

Thanks.

[ruenel]

Hello Katarina,

I am already seeing this layout:

You need to use {{dc:term:name}} dynamic content to display the Category Name. You also need to apply opacity and scale to the image element to mimic the effect from the example page.

Best Regards.