[Support request] Post format icon overlay in loop

[Daniel]

How can I achieve a post-format icon overlay like in this page https://jewishwebsite.com/type/video/ in a loop of a generate press site, eg.
https://diariojudio.com/categoria/comunidad-judia-mexico/

[Fernando]

Hi Daniel,

For clarity, can you take a screenshot of the post-format icon overlay from the reference site?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[Daniel]

This is the screenshot
https://postimg.cc/ykR0p4TJ

And for clarity, ,this is the page for the videos archive where I need the icons
https://diariojudio.com/type/video/

[Fernando]

Sorry, I’m still not sure what you’re referring to as the post-format icon overlay from your screenshot.

Are you referring to the category buttons? If not, can you clarify a bit more on which it is?

[Daniel]

Fernando, it is very clear.
The theme has several post formats (standard, quote, audio, video, etc.). What I need is that all post using the video post format show a video play icon over the image in the loop as in the screenshot and the sample website.

[Daniel]

Nevermind, I figured it out myself.
For those interested, this is the code:

.format-video .post-image:before {
content: ‘?’;
position: absolute;
top: 37%;
left: 41%;
color:#fff;
Font-size:34px;
text-align:middle;
border:3px solid #fff;
padding:0 10px 0 12px;
border-radius:50%
}

.format-video .post-image {
position: relative;
}

[Fernando]

I see. Glad you resolved it!

[Author]

Posts