contact - 2025

binh

Styling the Status Pill for the card – Blog update

Date posted: April 27, 2025

I added more style to the status pill for the card yesterday using ACF and Bricks Builder. I also implemented a neat trick of including a query loop for terms within a query loop of posts. Additionally, I added custom fields for the color in the Status term so each pill has its own color, allowing visitors to quickly glance through and recognize the status. I had to use style attributes for it to work instead of the usual dynamic data, which took me a while of tinkering and reading on the Bricks forum.

I also added an animation so that hovering over the card reveals a “view more” button in the top right corner. I enjoy designing and seeing these micro-interactions come to life on my website.

The goal for today is to create the popup that shows more content for the reading and watching cards upon clicking. I built a Hemingway bridge for the popup yesterday before going to sleep, so the main challenge will be designing the actual content inside that popup.

I will update you on that soon. See you!

share via
related posts
contact
please feel free to share what you think, any feedback is appreciated, kindly leave your message and email through the form and I'll get back to you as soon as possible.you can also email me directly at hello@binhnguyen.me
Styling the Status Pill for the card – Blog update

I added more style to the status pill for the card yesterday using ACF and Bricks Builder. I also implemented a neat trick of including a query loop for terms within a query loop of posts. Additionally, I added custom fields for the color in the Status term so each pill has its own color, allowing visitors to quickly glance through and recognize the status. I had to use style attributes for it to work instead of the usual dynamic data, which took me a while of tinkering and reading on the Bricks forum.

I also added an animation so that hovering over the card reveals a “view more” button in the top right corner. I enjoy designing and seeing these micro-interactions come to life on my website.

The goal for today is to create the popup that shows more content for the reading and watching cards upon clicking. I built a Hemingway bridge for the popup yesterday before going to sleep, so the main challenge will be designing the actual content inside that popup.

I will update you on that soon. See you!

Styling the Status Pill for the card – Blog update

I added more style to the status pill for the card yesterday using ACF and Bricks Builder. I also implemented a neat trick of including a query loop for terms within a query loop of posts. Additionally, I added custom fields for the color in the Status term so each pill has its own color, allowing visitors to quickly glance through and recognize the status. I had to use style attributes for it to work instead of the usual dynamic data, which took me a while of tinkering and reading on the Bricks forum.

I also added an animation so that hovering over the card reveals a “view more” button in the top right corner. I enjoy designing and seeing these micro-interactions come to life on my website.

The goal for today is to create the popup that shows more content for the reading and watching cards upon clicking. I built a Hemingway bridge for the popup yesterday before going to sleep, so the main challenge will be designing the actual content inside that popup.

I will update you on that soon. See you!

go back