Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

CSS not affecting GB Headline

  • Anonymous
    July 9, 2024 at 5:23 pm

    Hi,
    I am trying to make a GB Headline flash, red and white. I have added `flashing-text’ to the Additional CSS class(es) and added this CSS to the Customiser, but it is not working;

    .gb-headline.flashing-text {
  animation: flashing 2s infinite alternate !important;
}

@keyframes flashing {
  0% { color: white !important; }
  50% { color: red !important; }
  100% { color: white !important; }
}

    I have experimented with adding more simple effects, but it is not targeting the selector. Also tried removing the .gb-headline from start and doesn’t work.

    The Headline is called ‘Hot off the press’ in the Blue Fixtures Box
    Thanks

  • Alvind
    July 9, 2024 at 6:53 pm

    Hi there,

    Try this one instead:

    .flashing-text > strong {
  animation: flashing 2s infinite alternate;
}

@keyframes flashing {
  0% { color: white; }
  50% { color: red; }
  100% { color: white; }
}
  • Anonymous
    July 9, 2024 at 7:53 pm

    Hey Alvin,
    Tried that and still not working. Its really odd?

  • Alvind
    July 9, 2024 at 8:46 pm

    Did you add the CSS correctly? It works well on my end: https://cln.sh/hmgxCdrK

  • Anonymous
    July 9, 2024 at 9:13 pm

    I have added the css to the Customiser. However, the selector part .flashing-text > strong is highlighted in red, which means I believe, that it is not finding the ADDITIONAL CSS CLASS(ES) which is flashing-text

    You can see the css class in developer tools, but it isn’t getting found by customiser.

    However, I have just added this to the Child style.css and it seems to be working. Just not from the Customiser.
    I can live with that, but would be interesting to know why it won’t work from customiser?

    Thanks

  • Anonymous
    July 9, 2024 at 9:20 pm

    OK, sound found the issue. The previous CSS in the customeriser had not had not been ended correctly, so the new code was being confused with it. Just a } and it is fixed. Sorry to waste your time, totally a user error!

    Thanks

  • Alvind
    July 10, 2024 at 12:38 am

    No problem, glad to hear that!

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