Taxonomy Term Colour in Elementor Loop Grid using JetEngine (No Timber/Twig)

This tutorial follows a previous one in which I taught you how to dynamically apply Crocoblock JetEngine colour meta fields to category or custom taxonomy labels used in an Elementor Loop Grid. Adding visual cues like label colours improves user experience (UX) and adds beauty to your posts. ► Previous Tutorial ◄    • Using Jet Engine To Add Term Color In Elem...   ► Code Snippet ◄ Apply this code snippet to the listing grid widget to keep the items side by side, maintaining their original width. Ensure you set the number of columns to 1 for desktop, tablet and mobile in the UI settings. selector div{ width: fit-content; flex: auto; } ► Support my channel ◄ Buy me kofi - https://davedens.link/kofi Donate on PayPal - https://davedens.link/paypal ► Connect with me: ◄ 📺 Subscribe:    / @daveden2   👍 Facebook:   / daveden2   🐦 X (formerly Twitter): https://x.com/Daveden2 🌐 Website: https://daveden.co.uk/ ► Recommended Tools (Affiliate Links - Support the Channel!) ◄ 🔗 Bricksforge - https://davedens.link/brf 🔗 Bricksbuilder - https://davedens.link/bricks 🔗 Elementor Pro - https://davedens.link/elementor 🔗 Dynamic Shortcodes - https://davedens.link/dsh 🔗 Crocoblock JetEngine - https://davedens.link/jetengine 🔗 WDesignKit - https://davedens.link/wdkit 🔗 Epidemic Sounds - https://davedens.link/sounds ► Timestamp ◄ 00:00 - Intro 01:36 - Creating the main loop template 11:09 - Adding the term listing to the Elementor Loop Grid 20:09 - Like, share and subscribe #elementor #loopgrid #jetengine