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 ◄
https://youtu.be/6mczcC9ClmM

► 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: https://www.youtube.com/@daveden2
👍 Facebook: https://www.facebook.com/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

Видео Taxonomy Term Colour in Elementor Loop Grid using JetEngine (No Timber/Twig) канала Daveden