Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 24, 2016 at 11:15 pm #677265
    Dandelion222

    Hello,

    I have used the following CSS to reduce the size of the icons in my icon list. And it works. Except the problem is, it reduces the size of the overall circle but the actual icon inside (the arrow, checkmark, plus sigh, whatever) is then off center. I’m not sure if it is reducing the size of the images too, but for sure they don’t move their position so it looks weird.

    .avia-icon-list .iconlist_icon {
    height: 40px;
    width: 40px;
    line-height: 50px;
    }

    What can I do?

    August 25, 2016 at 2:02 pm #677510
    Yigit

    Hi Dandelion222!

    Please change your code to following one 

    .avia-icon-list .iconlist_icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
}

    Regards,
    Yigit

    August 25, 2016 at 4:45 pm #677648
    Dandelion222

    Well that was easy! I should have guessed. Thanks for your help!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to reduce the size of icons in the icon lists’ is closed to new replies.