Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 31, 2024 at 3:12 pm #1447191
    gilles36

    Hi,

    In the header space of my homepage I use a rotating title: one fixed line and one rotating line underneath.
    When I used the animation ‘rotate bottom to up’, it worked just fine.

    Now I wanted to change the animation to typewriter and that’s where the problem is situated. I use 3 rotating (typewriting) words. When the words shift, a white space appears.

    I can’t find anything in the ‘style’ settings that make the white space disappear. It looks like a bug to me.

    Thanks for helping me out!

    Gilles

    • This topic was modified 2 weeks, 1 day ago by gilles36.
    June 1, 2024 at 2:20 pm #1447280
    Rikard

    Hey gilles36,

    Please create a test page so that we can see the actual problem, also please share admin WordPress login details in private.

    Best regards,
    Rikard

    June 2, 2024 at 8:03 am #1447412
    Guenni007

    do you belong to the marked text just before the caret starts with the new word?

    try:

    .av-marked-text .av-rotator-text-single {
	background-color: transparent !important
}

    the color of changing words and carret:

    #top .av-rotator-container .av-rotator-text-single {
  color: inherit !important;  /***** if it should get the color of the other words  ***/
}

.av-caret .av-rotator-text-single:after {
  border-color: #FFF;   /***** change to your needs ***/
  /***** display: none;   if you do not want to see any carret ***/
}

    see my example ( with special text-shadow) : https://webers-testseite.de/park13

    PS: because i do not see your setting i could not give you better advice. Maybe a multiline ( with the rotating text on a new line ) has a bit different selectors.

    June 3, 2024 at 2:13 pm #1447553
    gilles36

    Hi Richard,

    I added a testpage and login credentials in private in my original message.

    Best regards,
    Gilles

    June 3, 2024 at 6:01 pm #1447568
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .av-rotator-text-single {
  background-color: transparent !important;
}

    Best regards,
    Rikard

    June 4, 2024 at 9:36 am #1447720
    gilles36

    Hi Rikard,

    works perfect now!

    Thanks a lot!

    Gilles

    June 4, 2024 at 9:53 am #1447731
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.