Using Jet Engine To Add Term Color In Elementor Loop Grid
This tutorial teaches 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.
► 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
00:34 - Creating the CPT, Taxonomy and Meta Fields
02:45 - Editing the Loop Grid Template
05:38 - Background colour from post meta field
08:15 - Post Terms in Elementor Loop Grid
09:13 - Retrieve only the first term using JetEngine Dynamic Terms widget
10:40 - Background colour from the taxonomy term
12:27 - Create term listing with individual background colours
19:35 - Applying some finishing touches
22:21 - Like, share and subscribe
#elementor #loopgrid #jetengine