Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 26, 2019 at 6:28 pm #1059210
    designbasis

    Hi Folks,

    how can I change the size of the icon-circles of the timeline-element?

    Best regards
    Carsten

    January 26, 2019 at 7:42 pm #1059228
    Mike

    Hey Carsten,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia-timeline .milestone_icon {
    height: 90px !important; 
    width: 90px !important; 
    line-height: 90px !important; 
}

    Please change all 3 to the same size, the 90px is the default.
    If this doesn’t help please include the url to the page in question so we can take a closer look, and tell us what size.
    Please clear your browser cache and check.

    Best regards,
    Mike

    January 26, 2019 at 8:05 pm #1059234
    designbasis

    Good evening Mike,

    thank you – it works fine!
    Additional question: and how I change the symbol-size inside the circle?
    I tried:
    .avia-timeline .milestone_symbol {
    height: 90px !important;
    width: 90px !important;
    line-height: 90px !important;
    }
    but unfortunately it’s not working. ;-) So, how is the correct code?

    Nice Evening & Weekend!

    Best regards
    Carsten

    January 26, 2019 at 9:59 pm #1059254
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia-timeline .milestone_icon i {
font-size: 80px !important;
}

    Best regards,
    Mike

    January 26, 2019 at 10:54 pm #1059257
    designbasis

    Hi Mike,

    thx again for your answer! Again it works fine, but now there is the
    next prob, sorry! Take a look at the screenshot. The icons are
    now smaller but also not even more in the middle of the circle.
    Is there a possibility do get the icons back in the middle?

    Best regards
    Carsten

    January 27, 2019 at 12:35 am #1059268
    Mike

    Hi,
    Please link to the page so we can examine it, so please set the size to what you would like.

    Best regards,
    Mike

    January 27, 2019 at 2:38 am #1059274
    designbasis

    Hi again,

    I setted already the size which I prefer. So, take
    another look at the page.

    Best regards
    Carsten

    January 27, 2019 at 3:14 pm #1059356
    Mike

    Hi,
    Try changing your css to this:

    .avia-timeline .milestone_icon {
    height: 45px !important;
    width: 45px !important;
    line-height: 40px !important;
}

    40px seems to center better
    2019-01-27-081010

    Best regards,
    Mike

    January 27, 2019 at 5:20 pm #1059378
    designbasis

    Hi Mike,

    thx for the new answer! Oh man, such easy…why don’t you come up
    with it on your own? Next time I have to look and read closer! ;-)

    The line-hight depends also on the icon you’ve choosen, but with that
    possibiity you can get a good compromise.

    Thank you again!

    Best regards
    Carsten

    • This reply was modified 5 years, 10 months ago by designbasis.
    January 27, 2019 at 6:02 pm #1059388
    Mike

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    January 27, 2019 at 6:12 pm #1059393
    designbasis

    Hi Mike,

    thx and yes you can close this thread right now!
    If you like…here is another issue from me which is still open. Maybe it is such as easy for you as this. :-)

    More distance between text and images – how do I get it right?

    Have a nice evening (if you live in europe) ;)

    Best regards
    Carsten

    January 28, 2019 at 6:56 am #1059533
    Vinay

    Hi,

    Glad we could help!

    We will answer all the tickets in the same order we received. However, some may take more time than others depending on the issue.

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Timeline / How can I change the size of the icon-circle?’ is closed to new replies.