-
AuthorPosts
-
April 6, 2020 at 7:25 pm #1201333
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 #1201428Hey 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 ShannonApril 7, 2020 at 3:54 am #1201436Thank 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 #1201450Hi,
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 ShannonApril 14, 2020 at 8:50 pm #1203753Thank 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, 8 months ago by cinchmedia.
April 16, 2020 at 4:29 am #1204225Hi,
Add this to quick css: @media only screen and (max-width: 767px){ .milestone_icon.milestone-icon-hasborder{ left:13px!important; }}
Best regards,
Jordan ShannonApril 16, 2020 at 4:41 pm #1204464Hi 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,
BethApril 17, 2020 at 4:54 pm #1204750I 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, 8 months ago by cinchmedia.
April 18, 2020 at 5:49 pm #1205061Hi,
The timeline is not showing at all on iPad? I’m able to view it.
Best regards,
Jordan ShannonApril 18, 2020 at 10:29 pm #1205135It does not appear on the iPad in Landscape.
April 21, 2020 at 1:57 pm #1205786Hi cinchmedia,
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.