Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 5, 2019 at 7:43 pm #1134583
    Leofiori

    How to change the color of the dots that connect each timeline icon in the timeline element?

    .main_color .avia-icon-list .iconlist-timeline{
    border-color: orange !important;
    }

    this does not work.. it changes the icon list dashed line

    • This topic was modified 5 years, 3 months ago by Leofiori.
    September 5, 2019 at 10:26 pm #1134621
    Jordan Shannon

    Hey Leofiori,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    September 6, 2019 at 6:21 pm #1135049
    Leofiori

    Why do you mind? I just asked how to changed the dashed line for timeline element..

    However, here you have.. sent them in private content

    September 6, 2019 at 6:32 pm #1135054
    Jordan Shannon

    Hi,

    This is just so I can inspect the page and element and get the exact code need to address the issue:

    Try adding this to quick css:

    .alternate_color .av-milestone-icon-wrap:after{
border-color:orange!important;
}

    Best regards,
    Jordan Shannon

    September 6, 2019 at 6:39 pm #1135055
    Leofiori

    Perfect! At the end i decided to hide it using:

    .alternate_color .av-milestone-icon-wrap:after{
border-width: 0px !important;
}

    Thank you, i could not find the right element to edit with css

    September 6, 2019 at 6:40 pm #1135056
    Leofiori

    Is there a way to display the timeline in a vertical view only for mobile? It does not look very well on small screens

    Edit:

    and a way to change color of the arrows that appear when timeline needs to be scrolled

    • This reply was modified 5 years, 3 months ago by Leofiori.
    September 6, 2019 at 6:46 pm #1135063
    Jordan Shannon

    Hi,

    Refer to the following for adjusting the timeline on mobile:

    Problem with (vertical) timeline on smaller (smartphone) screens

    Best regards,
    Jordan Shannon

    September 6, 2019 at 6:49 pm #1135066
    Leofiori

    Thanks.

    An offtopic question:

    When i press with one finger the google map on mobile, it becomes darker, revealing the white diagonal sections borders color. How to prevent this? Can this be done using only css?

    September 6, 2019 at 6:57 pm #1135076
    Jordan Shannon

    Hi,

    This is likely a built in function of the map iframe itself, not the theme.

    Best regards,
    Jordan Shannon

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