Tagged: timeline
Hello
Is there quick css to reduce / change the size of the milestone bullet in the timeline element? I am using the vertical orientation and the milestone bullet is an icon.
Thank you :)
Hey peta_moonstone,
Please link to an example page so we can examine, what size would you like it to be?
Best regards,
Mike
Hey Mike
The site is in maintenance / coming soon mode. It will be live in the next 24 hours, but I have copied the code in the private content below for one of the milestones in the timeline element. The icon is currently 90px x 90px. It would be good to have it at approximately 60px. If you need to wait for the site to be live please let me know.
Thank you for your help
Peta
Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
.avia-timeline .milestone_icon {
height: 60px !important;
width: 60px !important;
line-height: 60px !important;
}
.avia-timeline .milestone_icon i {
font-size: 50px !important;
}
After applying the css, please clear your browser cache and check.
If this doesn’t help then remove it and link to your page when we can examine it closer.
Best regards,
Mike
Thank you Mike, the code worked perfectly.
I really appreciate the support.
This one can be closed. :)
Best regards,
Peta
Hi,
Great, I’m glad that Mike could help you out, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard