Okay
  Public Ticket #2786463
Rotating Words Titl
Closed

Comments

  •  14
    Jerfalco started the conversation
    May 26, 2021 at 12:08am

    Is there any way to force the ending text content to be on another line (different from the dynamic text line)?

    To look like this:

    Beginning Text Content
    dynamic text 
    ending text content

  •  279
    Noah replied
    May 26, 2021 at 9:11am

    Hello Jerfalco,

    Thank you for contacting us.

    I am sorry I did not understand your query, but from our text editor, you can use the text block element and be able to format the text. Please find the editor guide here: http://themenectar.com/docs/salient/page-builder-overview/

    Thanks,

  •  14
    Jerfalco replied
    May 26, 2021 at 6:51pm

    This is specific to the Rotating Words Title. 

    I want the 3 sets of content to basically be separated by a line break. 

    Beginning Text Content
    dynamic text 
    ending text content

    Does that make any sense?

  •  8,847
    Tahir replied
    May 26, 2021 at 6:58pm

    Hey,
    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks

    ThemeNectar Support Team 

  •  14
  •  1,878
    Judith replied
    May 27, 2021 at 12:16pm

    Hi There,

    Please try this css:

    span.beginning-text::after {
        content: "\a";
        white-space: pre;
    }
span.dynamic-words::after {
        content: "\a";
        white-space: pre;
    }
span.ending-text::after {
        content: "\a";
        white-space: pre;
    }

    Thanks.


  •  14
    Jerfalco replied
    May 27, 2021 at 4:57pm

    not quite there yet. ... the "ending text content" is still on the line above it...

    Thoughts?

    https://carebuild.jeremyarmstrong.cc/

  •  1,878
    Judith replied
    May 27, 2021 at 5:05pm

    Hi There,

    Please add this css:

    .nectar-rotating-words-title .beginning-text,
    .nectar-rotating-words-title .ending-text,
    .nectar-rotating-words-title .dynamic-words {
      display: block;
    }
span.ending-text {
        margin-top: -52px;
    }

    Thanks.

  •  14
    Jerfalco replied
    May 27, 2021 at 5:38pm

    that seems to be working!!

    Thanks =)

  •  14
    Jerfalco replied
    June 21, 2021 at 7:35pm

    Hi!

    The letters "g" and "y" are getting cut off on the bottom in the middle line of this rotating words title ... I have tried changing the line spacing in the H1 typography options, but it does not fix this. Is there an option for me here?

    Thank you!!


  •  1,878
    Judith replied
    June 21, 2021 at 7:48pm

    Hi Jerfalco,

    Please try this css:

    .nectar-rotating-words-title .dynamic-words span {
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  line-height: 2.2;
  margin-top: -14px !important;
  margin-bottom: -18px;
}

    Thanks.