Make the plugin look similar to this concept

Resolved snippet24
(@snippet24)

4 years, 10 months ago

Hi is it possible to edit the styles of the timeline to make it look similar to this: https://mx.depositphotos.com/158199456/stock-illustration-milestones-timeline-template.html would be kind of cool… I will try to nevertheless edit the css of the code…
Well I initially found this https://mx.depositphotos.com/186497014/stock-illustration-vector-infographic-company-milestones-timeline.html but that’s I guess too complex.

Regards

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author sehgal.sunny
(@sehgalsunny)

4 years, 10 months ago

Hi @snippet24,

Yes you can make by using nth-child style in css.

eg. .events ol li:nth-child(1) a {
color: red !important;
}

change number (1,2…) acoroding to your timeline post which post you want to change color.

Thread Starter snippet24
(@snippet24)

4 years, 10 months ago

Well I found this
https://codepen.io/mbbillz/details/RRWVxE/
Pretty much what I intend to achive is this:
https://imgur.com/a/uFggcJZ

Regards

Plugin Author sehgal.sunny
(@sehgalsunny)

4 years, 10 months ago

Great! 🙂

Thread Starter snippet24
(@snippet24)

4 years, 10 months ago

Okey I need some guidance though!! I’m not even sure I can achieve that with “Timeline History”. Could a style be added based on the code from codepen? I have been taking a look at it, but will continue tomorrow…
Regards

Plugin Author sehgal.sunny
(@sehgalsunny)

4 years, 10 months ago

Yes, you can achieve but you have add CSS as well as JS because on code-pen post is showing on hover and here by click.

Thread Starter snippet24
(@snippet24)

4 years, 10 months ago

Actually I would prefer that the info is always visible, and rather increase the size of the icon on hover via scale..
Plugin Author sehgal.sunny
(@sehgalsunny)

4 years, 10 months ago
Yes, it will be good 🙂
- This reply was modified 4 years, 10 months ago by sehgal.sunny.
Thread Starter snippet24
(@snippet24)

4 years, 10 months ago

No need for JS then? and mmm what about integrating the style in the plugin as an alternative view? just wondering 😀 not that I’m lazy these are unknown waters to me.. if you give me hints and/steps I will try my best tweaking css…

Regards

Plugin Author sehgal.sunny
(@sehgalsunny)

4 years, 10 months ago

Just Learn about nth-child property in CSS.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Make the plugin look similar to this concept’ is closed to new replies.

Views