Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 6, 2020 at 7:25 pm #1201333
    cinchmedia

    I would like to display a solid dark gray line rather than the dashed light gray line that appears in the timeline.

    I would also like to start on the left side, rather than the right for the alternating.

    Can you supply CSS for this?

    April 7, 2020 at 3:50 am #1201428
    Jordan Shannon

    Hey Beth,

    Please refer to the following:

    https://kriesi.at/support/topic/reversing-the-timeline/

    Add this to css to make the line solid:

    .avia-timeline-vertical .av-milestone-icon-wrap:after{
border-left-style:solid!important;
}

.main_color .av-milestone-icon-wrap:after {
    border-color: gray!important;
}

    Best regards,
    Jordan Shannon

    April 7, 2020 at 3:54 am #1201436
    cinchmedia

    Thank you. That made the line solid. Can I increase it to 2px? Also, can we start the first ‘Getting started’ paragraph on the left side rather than starting on the right of the timeline?

    April 7, 2020 at 4:10 am #1201450
    Jordan Shannon

    Hi,

    The first link I added discusses getting the paragraphs reversed.

    For the width add this:

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

    Best regards,
    Jordan Shannon

    April 14, 2020 at 8:50 pm #1203753
    cinchmedia

    Thank you for your assistance so far. The timeline does not display correctly on tablet or mobile. I will provide a link to how I would like the timeline to appear for tablet/mobile display in the private content below. I would like to deactivate the animation on mobile as well if it won’t flow well.

    • This reply was modified 4 years, 1 month ago by cinchmedia.
    April 16, 2020 at 4:29 am #1204225
    Jordan Shannon

    Hi,

    Add this to quick css:
@media only screen and (max-width: 767px){
.milestone_icon.milestone-icon-hasborder{
left:13px!important;
}}

    Best regards,
    Jordan Shannon

    April 16, 2020 at 4:41 pm #1204464
    cinchmedia

    Hi Jordan,

    Thank you. There are still gaps within the line, and it displays below the last icon circle on mobile. Link to show pic of display is in private details. If you look at the original image for display it also show less side so the text expands more space. That is preferrable.

    Thanks,
    Beth

    April 17, 2020 at 4:54 pm #1204750
    cinchmedia

    I used the icon list instead for mobile, as we need to push this live. But, I would still like to get this figured out with the timeline. Currently, even with this solution in place, the timeline does not appear on the iPad under landscape.

    • This reply was modified 4 years, 1 month ago by cinchmedia.
    April 18, 2020 at 5:49 pm #1205061
    Jordan Shannon

    Hi,

    The timeline is not showing at all on iPad? I’m able to view it.

    Best regards,
    Jordan Shannon

    April 18, 2020 at 10:29 pm #1205135
    cinchmedia

    It does not appear on the iPad in Landscape.

    April 21, 2020 at 1:57 pm #1205786
    Victoria

    Hi cinchmedia,

    Best regards,
    Victoria

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