-
AuthorPosts
-
November 28, 2018 at 5:49 pm #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 6 years ago by Aljoscha23.
November 28, 2018 at 8:30 pm #1038701Hey Aljoscha,
Add this to quick css:
i.milestone-char{ font-size:50px!important; }
Best regards,
Jordan ShannonApril 16, 2020 at 3:54 pm #1204458Hi again this question, but with codline above it has no effect. Other ideas ? Thanks, marcus
April 16, 2020 at 3:56 pm #1204459Sorry, i meant not the icon size, i meant the circle diameter to change.
April 16, 2020 at 5:09 pm #1204472Hey Marcus,
Please provide a link to your site/page in question so we can look into this further.
Best regards,
Jordan ShannonApril 16, 2020 at 6:26 pm #1204495Thanks,
April 16, 2020 at 7:59 pm #1204517Hi,
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 ShannonApril 16, 2020 at 9:15 pm #1204547Hey Jordan, thanks, i added this – but no effect yet after reload.
April 16, 2020 at 9:30 pm #1204552Hi,
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 ShannonApril 16, 2020 at 9:30 pm #1204553Hi,
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 ShannonApril 17, 2020 at 8:08 am #1204620Sorry, 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;
}April 18, 2020 at 5:32 pm #1205050Hi,
Please provide admin info so I can log in and look further.
Best regards,
Jordan ShannonApril 21, 2020 at 9:47 am #1205716dear 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.April 26, 2020 at 9:40 pm #1207361Hi,
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,
MikeApril 27, 2020 at 10:17 am #1207468thanks Mike, it successfully scales the bulletes now, but the applied Text as well. Any idea how to not scale the text, only the bullets ?
April 27, 2020 at 12:19 pm #1207483Hi,
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,
MikeApril 29, 2020 at 4:30 pm #1208200Hey Mike, hanks, I will ask customer. it currently breaks the connecting lines, but maybe thats no problem.
May 1, 2020 at 8:38 pm #1208938 -
AuthorPosts
- You must be logged in to reply to this topic.