Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #964096

    Title says it all:
    How do you change the colour of the navigation arrows in Timeline?






    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-timeline .av-milestone-date span {
        background-color: green !important;

    Best regards,


    Thanks Rikard,

    Unfortunately that didn’t work.
    There are actually 2 arrow colors: one normal and one hover color.
    I would like to change both of them.




    This code should work for you

    .main_color .av-timeline-nav a span {
        background-color: #ff7827;


    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    If you still have any issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,


    Hi Vinay,
    Thanks, that works!
    Even without clearing the caches :-)




    Glad we could help!
    Please take a moment to review our theme and show your support
    To know more about enfold features please check –
    Thank you for using Enfold :)

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to change colour of navigation arrows in Timeline?’ is closed to new replies.