Globals Dynamic Tag

A set of two dynamic tags that will allow you to dynamically fetch the values of your global color and fonts design.

Globals & Composer.

This feature gets a whole lot cooler when used in conjunction with the Composer Kit. The first Tag is the Global Colors Tag and it will return any of the saved global colors. It allows the removal of the # before the result to allow for maximum control in usage.

The second Tag is the Global Fonts Tag and it will return any of the saved global fonts selected. Moreover, it will allow you to get specific values like font size, font weight, and, of course, the font family of your selected global font.

Dependencies: Elementor Pro
The Global Colors Tag and it will return any of the saved global colors.
The Global Fonts Tag will return any of the saved global fonts selected. Moreover, it will allow you to get specific values like font size, font weight, and, of course, the font family of your selected global font.
These two tags really bring the best to the table when used in conjunction with the composer kit, another feature by Gloo.
Play Video
THIS FEATURE IS PART OF :
Scope : Dynamic Tags
Shadow

Shadow
Gloo logo - white

Globals Dynamic Tag

Fluid Dynamic By Gloo - title

Return you Elementor Global Values like font families and Colors and use them in any context you need. For this example we will demonstrate it using the composer widget.

Global Colors :
Global FONTS :
Cabin Local,Arial
We Will do the example using this code
				
					<svg width="400" height="110">
  <rect width="300" height="100" style="fill:blue;stroke-width:3;stroke:blue" />
</svg>
<div class="title">Our Title</div>
				
			
This is what it looks like :
Our Title
Lets add our first dynamic color to it
Our Title
Lets add our second dynamic color to it
Our Title
This is how the code looks now inside the dynamic composer - we used col1 and col2 variables to fetch our global colors
				
					<svg width="400" height="110">
  <rect width="300" height="100" style="fill:col1;stroke-width:3;stroke:col2" />
</svg>
<div class="title">Our Title</div>
				
			
Now we will use Dynamic Css to change our title's font to Our Dynamic Font - and we will also print our global font name within the composer widget
let print out the font name + the system fallback
Cabin Local,Arial
Lets change the font itself to our dynamic global font family
Cabin Local,Arial

More Dynamic Tags Modules

Gloo Hero 7
Shadow
updated
Fluid Dynamic
New
Forms Extensions
New
Fluid Dynamic
New
updated
Fluid Dynamic
Forms Extensions
Fluid Dynamic
Membership Extensions
Fluid Dynamic
New
Forms Extensions
New
Power Gloo
Buddypress \ BuddyBoss