Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 6, 2024 at 4:55 pm #1442450
    andred57

    Servus,

    I tried to add a timeline to my site,
    but only the first milestone is showing the lines to the left/right and to the next milestone are in the colors I wished them. cant’t find any difference between first and any further milestones.
    i want the lines in my gold color and thicker..
    page: https://icons.immo/dienstleistungen/

    thx in advance

    André

    May 7, 2024 at 3:19 am #1442494
    Ismael

    Hey andred57,

    Thank you for the inquiry.

    Did you adjust the Styling > Colors > Milestone Colors settings of the first item? Please check the color settings of the timeline items.

    Best regards,
    Ismael

    May 7, 2024 at 8:04 am #1442520
    andred57

    Hi Ismael,

    Now I remember having set the colour of the first to gold.
    But then the Issue was, that the Symbols and the Fonts are gold too, so I had a big dot only. I had to change the milestone to a picture to override…
    So the Main Colour setting are overrided by the milestone settings, but these do the small lines to the left and right. Any chance to change the lines between the milestones ?

    • This reply was modified 8 months, 2 weeks ago by andred57.
    May 7, 2024 at 8:51 am #1442523
    Ismael

    Hi,

    Thank you for the update.

    You can manually override the color of the timeline indicator with this css code:

    .av-lvuuqm3x-450fca468668ba14ba421a03c92fd7a9 .av-milestone-date span:before, .av-lvuuqm3x-450fca468668ba14ba421a03c92fd7a9 .av-milestone-indicator {
    color: #d4af37 !important;
    border-color: #d4af37 !important;
    background-color: #d4af37 !important;
}

    Best regards,
    Ismael

    May 7, 2024 at 9:29 am #1442528
    andred57

    Thanks so far Ismael,

    So I tried the following:

    Adding the css code to userdefined css in the general menu: no change
    Adding the css to userdefined css in the milestone setting let the circle disappear completely..

    Am I doing it wrong ?

    May 8, 2024 at 10:03 am #1442660
    Ismael

    Hi,

    Thank you for the update.

    What do you mean by “userdefined css”? Please add the css code in the Enfold > General Styling > Quick CSS field. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache afterward.

    Best regards,
    Ismael

    January 3, 2025 at 3:55 pm #1474568
    andred57

    Hi,

    I bring this up again:
    I added the Code to the Quick-CSS as shown.
    But still doesn’t work, as you can see the first topic has a small golden line, the other ones are still white and too thin. any hint ?

    CSS
    result

    Über mich

    • This reply was modified 2 weeks ago by andred57.
    January 3, 2025 at 4:41 pm #1474571
    Mike

    Hi,
    As I understand you would like to remove this gold line:
    Enfold Support 6563
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator {
    opacity: 0;
    animation: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 3, 2025 at 5:17 pm #1474573
    andred57

    Hi Mike,

    Sorry to say, but no.
    I want all the horizontal and Vertical lines to be gold like the one you pointed on and thicker.

    Best regards
    André

    January 3, 2025 at 5:36 pm #1474580
    Mike

    Hi,
    Then please remove the css in your screenshot and use this instead:

    #top .avia-timeline-container .av-milestone .av-milestone-indicator {
    background-color: #d4af39;
}

    Best regards,
    Mike

    January 3, 2025 at 5:49 pm #1474584
    andred57

    Thanks Mike,

    We are heading forward.
    Now the markers between milestone icon and year are gold, but very narrow.
    And the horizontal lines between the milestones are still white..

    Best regards
    André

    January 4, 2025 at 1:34 pm #1474624
    Mike

    Hi,
    For the horizontal lines between the milestones add this css:

    #top .main_color .av-milestone-icon-wrap:after {
    border-color:#d4af39;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 4, 2025 at 8:31 pm #1474635
    andred57

    Thanks Mike,

    Now it’s as I wanted, except for the line thickness, but I can live with that.

    Thanks a lot, Thread can be closed.

    Best regards
    André

    Home

    January 5, 2025 at 10:45 am #1474650
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Lines in Timeline’ is closed to new replies.