How can I adjust the line hight of the rotating words title? I have tried to use the html setting in salient > typography. But it had no impact. So maybe it would be possible with CSS?
Hi Judith Wow , that was quick! Thank you. Increasing works fine. But I need to have a smaller line hight. I tried 0.5 instead of 2 but itt had no impact.
Hi there
How can I adjust the line hight of the rotating words title?
I have tried to use the html setting in salient > typography.
But it had no impact.
So maybe it would be possible with CSS?
Hi Oliver,
Thanks for keeping in touch.
Please try this css:
.nectar-rotating-words-title:not(.element_stagger_words) .heading{ line-height:2; }
Thanks.
Hi Judith
Wow , that was quick! Thank you.
Increasing works fine. But I need to have a smaller line hight. I tried 0.5 instead of 2 but itt had no impact.
Hi Oliver,
Thanks for getting back.
Please try this css:
.nectar-rotating-words-title:not(.element_stagger_words) .heading{ line-height:0.5em; }Thanks.
Hi Andrew,
Thanks. Unfortunately no impact.
Hi Oliver,
Please try this css:
.nectar-rotating-words-title .beginning-text, .nectar-rotating-words-title .dynamic-words, .nectar-rotating-words-title .ending-text{ line-height:0.8; }
Thanks.
Hm, I think I have to build it differently. The distance stays the same.
Hello Oliver,
Please let me know how you would want them to appear.
Thanks.
Hi Judith
The line hight should hust be a little smaller. I made a screenshot an edited in photoshop.
You see the difference looking at the «g» .
Attached files: Bildschirmfoto 2022-09-29 um 21.22.20.png
Bildschirmfoto 2022-09-29 um 21.22.14.png
Hello Oliver,
Please try this css :
.nectar-rotating-words-title:not(.element_stagger_words) .heading{ line-height:0.75; }
Thanks Judith
Strange, it looks like somehow something blocks the css.
It has no impact. I added a screenshot of the css as well.
Attached files: Bildschirmfoto 2022-09-29 um 22.02.01.png
Bildschirmfoto 2022-09-29 um 22.02.10.png
Hi Oliver,
Please send in your admin login credentials so that we can test this from your end.
Thanks.
Hey Again,
Just added this correct CSS code.
.nectar-rotating-words-title .beginning-text, .nectar-rotating-words-title .dynamic-words, .nectar-rotating-words-title .ending-text { line-height: 1; }Thanks
ThemeNectar Support Team
Thank you very very much, Tahir.
Works fine.