Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 10, 2018 at 8:31 am #1007804
    nonne

    Hey Enfold Team

    In order to resize iconlist icons I have used this css I came across in this forum (given data is the default):

    .avia-icon-list .iconlist_icon {
    height: 64px !important;
    width: 64px !important;
    line-height: 64px !important;
    font-size: 30px;
    }

    I tried the adjustment suggested and it works for the icon-list icons themselves
    – but it leaves 2 issues (pls. refer to the 2 images in private content):

    1: The vertical dotted line behind the icon-list icons needs to be either positioned vertically centered with the icons – or just removed
    2: The change in line height as regards the icons needs to be the same for the lines of text (the bullets)

    Just to make it obvious I have exaggerated the effect I want in the images
    iconlist1.PNG is the default

    Best regards – and thanks in advance

    September 10, 2018 at 10:07 am #1007833
    Rikard

    Hey Carsten,

    Thanks for the screenshots, could you post a link to where we can see the results you are getting as well please?

    Best regards,
    Rikard

    September 10, 2018 at 10:57 am #1007855
    nonne

    Hey Rikard

    Its a new site I am building for a customer, so I will give you url and login-data in private content.

    The iconlist is at default by now.

    Thanks

    September 11, 2018 at 6:39 am #1008186
    Rikard

    Hi Carsten,

    Thanks for that. If you want to hide the timeline for mobile then you can try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.iconlist-timeline {
  display:none;
}
}

    I’m not sure I understand what you mean by point number two though, was the CSS code you posted working or not?

    Best regards,
    Rikard

    September 11, 2018 at 8:58 am #1008256
    nonne

    Hi Rikard
    Thanks for getting back – and the css for hiding timeline works just fine :-)

    Re. point number 2 please ref. to images, I posted in private content when I opened this thread:
    The css works fine for the icons themselves, but the change in line height as regards the icons (as you can see in iconlist2.PNG) needs to be the same for the lines of text (the bullets) – the lines of text are no longer on the same line as the icons, and they offcourse should be :-)

    Hope this clarifies

    Best regards and thanks in advance

    September 12, 2018 at 7:45 am #1008765
    Ismael

    Hi,

    Thanks for the update.

    Try to adjust the top positon of the icon list’s title.

    .avia-icon-list .av-iconlist-empty .iconlist_title {
    top: -10px !important;
}

    Best regards,
    Ismael

    September 12, 2018 at 12:03 pm #1008867
    nonne

    Thanks Ismael – perfect, thanks (again) :-)

    September 12, 2018 at 10:36 pm #1009095
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

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