Tagged: colour, customize, navigation, timeline
Hi,
I tried the solution posted here:
but I’m still unable to change the colour of the navigation arrows in the timeline. Is there another way I can achieve this?
Thanks!
Hey atifaijaz123,
I tested this on my localhost and found that the code needed “!important;” to work.
Please try this code in the General Styling > Quick CSS field and adjust the color to suit:
.main_color .av-timeline-nav a span {
background-color: #ff7827 !important;
opacity:1;
}
Best regards,
Mike
Hi Mike,
Thanks for this, but unfortunately it didn’t work. Is there another code that may work?
Thanks
Hi atifaijaz123,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
The timeline is under “Behind the Name”
The navigation arrows are way to light, I am trying to make them green. (#339533)
Hi,
Have you tried adding Mike’s code to the very top of quick css so it runs first and clearing the cache a few times over?
Best regards,
Jordan Shannon
Yes, I have. It still doesn’t work.
Hi,
Add this to quick css. I have tested this myself.
.av-timeline-nav a span{
color:green!important;
}
Best regards,
Jordan Shannon
Thanks for this Jordan! With this I added:
.av-timeline-nav a span{
color:white!important;
background-color:green!important;
}
and was able to get what I wanted.
Best Regards!
You can close this thread
Hi,
Perfect! I’m glad we were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon