Okay
  Public Ticket #3135294
Rotating Words Title cvhange Line hight
Closed

Comments

  •  5
    Oliver started the conversation
    September 29, 2022 at 7:09am

    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?

  •  1,877
    Judith replied
    September 29, 2022 at 7:12am

    Hi Oliver,

    Thanks for keeping in touch.

    Please try this css:

    .nectar-rotating-words-title:not(.element_stagger_words) .heading{
line-height:2;
}

    Thanks.

  •  5
    Oliver replied
    September 29, 2022 at 7:20am

    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.

  •  2,958
    Andrew replied
    September 29, 2022 at 8:31am

    Hi Oliver,

    Thanks for getting back.

    Please try this css:

    .nectar-rotating-words-title:not(.element_stagger_words) .heading{
line-height:0.5em;
}

    Thanks.

  •  5
    Oliver replied
    September 29, 2022 at 8:44am

    Hi Andrew,
    Thanks. Unfortunately no impact.

  •  1,877
    Judith replied
    September 29, 2022 at 8:48am

    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.

  •  5
    Oliver replied
    September 29, 2022 at 9:07am

    Hm, I think I have to build it differently. The distance stays the same.

  •  1,877
    Judith replied
    September 29, 2022 at 9:15am

    Hello Oliver,

    Please let me know how you would want them to appear.

    Thanks.

  •  5
    Oliver replied
    September 29, 2022 at 7:26pm

    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» .


  •  1,877
    Judith replied
    September 29, 2022 at 7:57pm

    Hello Oliver,

    Please try this css :

    .nectar-rotating-words-title:not(.element_stagger_words) .heading{
line-height:0.75;
}

    5264365796.pngThanks.
  •  5
    Oliver replied
    September 29, 2022 at 8:03pm

    Thanks Judith
    Strange, it looks like somehow something blocks the css.
    It has no impact. I added a screenshot of the css as well.

  •  1,877
    Judith replied
    September 29, 2022 at 8:07pm

    Hi Oliver,

    Please send in your admin login credentials so that we can test this from your end.

    Thanks.

  •   Oliver replied privately
  •  8,839
    Tahir replied
    October 2, 2022 at 2:59am

    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 

  •  5
    Oliver replied
    October 2, 2022 at 10:47am

    Thank you very very much, Tahir.
    Works fine.