Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1038637

    Dear Kriesi.at-Team,

    I have a simple question. Is it possible to change the size of the actual bullet symbols in the timeline? You offer the options to change the font size but not the bullet sysmbol itself. Or did I just not see it? And does one then eventually need to change the spacing between bullets etc. manually as well?

    Best regards,
    Aljoscha

    • This topic was modified 5 years, 11 months ago by Aljoscha23.
    #1038701

    Hey Aljoscha,

    Add this to quick css:

    i.milestone-char{
    font-size:50px!important;
    }

    Best regards,
    Jordan Shannon

    #1204458

    Hi again this question, but with codline above it has no effect. Other ideas ? Thanks, marcus

    #1204459

    Sorry, i meant not the icon size, i meant the circle diameter to change.

    #1204472

    Hey Marcus,

    Please provide a link to your site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1204495

    Thanks,

    #1204517

    Hi,

    Add this to quick css:

    .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }

    Best regards,
    Jordan Shannon

    #1204547

    Hey Jordan, thanks, i added this – but no effect yet after reload.

    #1204552

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1204553

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1204620

    Sorry, still no changes in FF and Chrome after F5. This is th full code in quick CSS now:

    .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    }

    table.clean tr th {
    border: none;
    background-color: #FFF0;
    }

    .main_color table, table.clean tr, table.clean tr:nth-child(2n+1) {
    background-color: #FFF0;
    }

    #1205050

    Hi,

    Please provide admin info so I can log in and look further.

    Best regards,
    Jordan Shannon

    #1205716

    dear shannon, I provided this login with not txt in reply. maybe your system dsid not show this.
    again , I attached it in provivate – you will find it there. thanks.

    #1207361

    Hi,
    Sorry for the late reply, I tested adding scale to a few different divs and this one enlarged the circle without breaking the other parts of the timeline, please give it a try to see if it helps.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    ul.avia-timeline-vertical li {
        transform: scale(1.3);
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    #1207468

    thanks Mike, it successfully scales the bulletes now, but the applied Text as well. Any idea how to not scale the text, only the bullets ?

    #1207483

    Hi,
    Glad to hear this helps some, but this was the only working solution I found that didn’t break the timeline, do you think you will be able to use this?

    Best regards,
    Mike

    #1208200

    Hey Mike, hanks, I will ask customer. it currently breaks the connecting lines, but maybe thats no problem.

    #1208938

    Hi,
    Hopefully, we will leave this open to hear back from you.

    Best regards,
    Mike

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