Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 18, 2019 at 10:40 am #1111251
    YourChoice Informatik GmbH

    Hi
    I refer to an old topic which is already closed: https://kriesi.at/support/topic/change-border-color-of-timeline-nav-does-not-work/
    We have another website where we tried to change the color of the timeline nav with your code mentionned in the old topic.
    But it does not work perfectly.
    The timeline nav has something like a mlkglass-filter on it and on hover, it becomes grey.
    How we can change this two effects with CSS?
    Thanks very much.
    Regards
    Mike

    June 20, 2019 at 6:03 am #1111801
    Rikard

    Hi Mike,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    June 20, 2019 at 8:42 am #1111842
    YourChoice Informatik GmbH

    Hi Rikard
    See the credentials below.
    We used this codes and want, that there is no “milk filter” and that the hover not becomes grey:

    .av-timeline-nav a {
    background-color: transparent !important; 
}
    June 20, 2019 at 7:07 pm #1112061
    Victoria

    Hi ycinformatik,

    Best regards,
    Victoria

    June 21, 2019 at 9:17 am #1112238
    YourChoice Informatik GmbH

    Hi Victoria
    We want, that the navigation buttons also look like the other circles. I tryed to paint it here:
    Corrected Timeline
    We tryed to to it with this code:

    .av-timeline-nav a {
    background-color: #be1717 !important; 
}

    The html color code #be1717 is the same as in the other circles, but it looks not like them, it looks “milky”. And when we hover over the navigation buttons, they become grey.
    Thanks very much.
    Regards
    Mike

    June 21, 2019 at 8:57 pm #1112416
    Victoria

    Hi Mike,

    Thank you for clarifying.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-timeline-nav a span {
    opacity: 1;
    background-color: #be1717; 
}

    How is the grey text working for you? It is kind of hard to see.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 24, 2019 at 8:04 am #1112846
    YourChoice Informatik GmbH

    Hi Victoria
    It works. Thanks very much.
    You can close this issue.
    Regards
    Mike

    June 25, 2019 at 2:22 am #1113053
    Ismael

    Hi,

    Awesome! Glad we could be of help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    And don’t forget to bookmark the Enfold Documentation for future reference.

    Thank you for using Enfold! And have a nice day! :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change color of timeline nav hover’ is closed to new replies.