Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 27, 2024 at 11:02 am #1441026
    NiekVuurboom

    Hello, I’ve white text instead of an logopicture. When I scroll te menu-area background change from transparent to white and the menu-items form white to black. I also want to change te text in the logo from white to black. How I do that?

    April 27, 2024 at 12:03 pm #1441036
    Rikard

    Hey NiekVuurboom,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    April 27, 2024 at 12:11 pm #1441038
    Guenni007

    using svg instead of jpg/png – it would be very easy to obtain this.
    because Enfold places an inline svg on that case. And inline svg ( if it is pure vector svg ) could be influenced from outside ( quick css ) css rules.

    April 27, 2024 at 5:37 pm #1441069
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    April 27, 2024 at 5:58 pm #1441073
    Guenni007

    if it is real text ( as participant i do not see private content area) –
    you can even animate the color change:

    f.e.: ( adjust the selectors to your needs – you see the class header-scrolled is added after scrolling)

    #top  .logo-title {
  color: red;
  transition: color 2s ease
}

#top .header-scrolled .logo-title {
  color: green;
  transition: color 2s ease
}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.