Wow !!! I didn’t know your plugin could do this 😱😱😱😱 I have been manually doing it on site after site etc… been a real pain !!! Getting your plugin right now !!!!
Great vid, thanks! I've been using this for a long time now in order to get text to be responsive in some of the designs on mobile. This method greatly improves on how I've been doing it! Topic Idea - Have you covered WCAG 2.0 AA compliance within Divi?
That's great that you have been using clamp, it really is amazing. As for your topic idea, I really am not one to speak on that, accessibility is just not in my area of expertise.
Gonna use the plugin! What to do with longer headings, which will not fit on one line? Sometimes it seems that it places the word on the next line, but sometimes it breaks the word?!
In Divi it only breaks the word if the font size is too big for it to physically fit. It wouldn't break a word of there was space for it. A smaller font size/shorter word is the only solution in that case, and clamp can help for sure.
thanks nelson for the tutorial, I need to ask you something, with this plugin if you want an h1 to have different sizes on a desktop computer screen, for example 1024/1366/1920, it would only be enough for me to use the "H1 Heading Text Size" field - Desktop" the following values: clamp(15px, 20px, 30px)?
Sure, if I understand correctly you only want to affect desktop, so yes you would only add it to he Desktop fields for H1 and not Tablet and Phone fields.
if I have a H1 - and already made some changes, then installed your Plugin, activated typography and added clamp(1.5rem,5vw,4rem) for Desktop for example. The H1 is not using your setting. How can I reset it, so it uses your settings?
The plugin is designed for you to easily override it as needed, so you would need to remove any value from the modules. If you have a preset, be sure to edit the preset and reset the font size
@@PeeAyeCreative thank you! I reseted the whole heading part, but I am not sure if it works now. turning your font helper off and on is not helping? and btw, how can I change REM parameter, its always 16px? Somewhere else I read its 10px. Is the browser providing the REM value? If not, is there a place in divi to change it? Or is it just a CSS line? BTW: can you zoom in your page using clamp? thanks for your great work
@@PeeAyeCreative I got it to work, for H4, but H1 is not working. I set the maximum to 50rem and dragged the site to 4k, but its not getting bigger, so thats a clear sign that its not active right? I just created a new text module, not touching the font size, but also here its not working. in my CSS I only have a few mediaqueries but they only affect the menu.....
when using it, it seems that divi prioritize his default value (20px). I need to add "!important" into the typography tab of divi responsive helper ... Is there something that I'm doing wrong ?
There is no default value of 20px in Divi, so if you are seeing that then it is already modified. Any modifications take priority over our settings, we do this on purpose.
Wow !!! I didn’t know your plugin could do this 😱😱😱😱 I have been manually doing it on site after site etc… been a real pain !!! Getting your plugin right now !!!!
Awesome! Our Divi Assistant will also be able to do the same thing.
@@PeeAyeCreativeI purchased the other week and to be fair this is my favourite plugin, really lightweight 👌👏👏👏
Thank you! This is what I needed. :)
Great to hear!
I'm about to order the plug in.
This also works in Divi Assistant FYI
i wish divi had this feature inbuilt
Thankfully it's easy to add with our plugin or even code.
Nice job !
Glad you like it!
another great video as usual. When is that CSS course going to be released? I hope I haven't missed an email concerning its release.
Great vid, thanks! I've been using this for a long time now in order to get text to be responsive in some of the designs on mobile. This method greatly improves on how I've been doing it!
Topic Idea - Have you covered WCAG 2.0 AA compliance within Divi?
That's great that you have been using clamp, it really is amazing. As for your topic idea, I really am not one to speak on that, accessibility is just not in my area of expertise.
Gonna use the plugin!
What to do with longer headings, which will not fit on one line? Sometimes it seems that it places the word on the next line, but sometimes it breaks the word?!
In Divi it only breaks the word if the font size is too big for it to physically fit. It wouldn't break a word of there was space for it. A smaller font size/shorter word is the only solution in that case, and clamp can help for sure.
thanks nelson for the tutorial, I need to ask you something, with this plugin if you want an h1 to have different sizes on a desktop computer screen, for example 1024/1366/1920, it would only be enough for me to use the "H1 Heading Text Size" field - Desktop" the following values: clamp(15px, 20px, 30px)?
Sure, if I understand correctly you only want to affect desktop, so yes you would only add it to he Desktop fields for H1 and not Tablet and Phone fields.
if I have a H1 - and already made some changes, then installed your Plugin, activated typography and added clamp(1.5rem,5vw,4rem) for Desktop for example. The H1 is not using your setting. How can I reset it, so it uses your settings?
The plugin is designed for you to easily override it as needed, so you would need to remove any value from the modules. If you have a preset, be sure to edit the preset and reset the font size
@@PeeAyeCreative thank you! I reseted the whole heading part, but I am not sure if it works now. turning your font helper off and on is not helping?
and btw, how can I change REM parameter, its always 16px? Somewhere else I read its 10px. Is the browser providing the REM value? If not, is there a place in divi to change it? Or is it just a CSS line?
BTW: can you zoom in your page using clamp?
thanks for your great work
@@PeeAyeCreative I got it to work, for H4, but H1 is not working. I set the maximum to 50rem and dragged the site to 4k, but its not getting bigger, so thats a clear sign that its not active right?
I just created a new text module, not touching the font size, but also here its not working.
in my CSS I only have a few mediaqueries but they only affect the menu.....
when using it, it seems that divi prioritize his default value (20px). I need to add "!important" into the typography tab of divi responsive helper ... Is there something that I'm doing wrong ?
There is no default value of 20px in Divi, so if you are seeing that then it is already modified. Any modifications take priority over our settings, we do this on purpose.
why would you give 3 times the same value for a h1, h2 etc. when using clamp that extra css for no reason
You must not be familiar with the video and plugin. If you check again you will see that we have fields for each device 😉
@@PeeAyeCreative That's not how you use clamp.
You use Clamp to setup content without media queries
@@erling5148 can you explain this with a little more detail? What speaks against using clamp with media queries?
@@treffermedia9202 It simply defeats its own purpose.
that is why you set a with related min and max size
Not getting it…
Using clamp with our plugin, which is what the tutorial is about z is very simple. I assume you mean you are struggling to understand CSS clamp.