Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1338618

    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 :)

    #1338970

    Hey peta_moonstone,
    Please link to an example page so we can examine, what size would you like it to be?

    Best regards,
    Mike

    #1339250

    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

    #1339341

    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

    #1339537

    Thank you Mike, the code worked perfectly.
    I really appreciate the support.
    This one can be closed. :)
    Best regards,
    Peta

    #1339565

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Timeline Milestone bullet size’ is closed to new replies.