Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 29, 2015 at 5:40 am #480019
    Owen

    In order to make the circles small enough, I set the Icon size to 10px….making the icons inside the circles too small.
    Is there a way to make the icons larger without increasing the circle size?

    I am talking about the 5 icons at: http://www.ojoexperts.com/homepage-backup/

    I have tried the solution mentioned at: https://kriesi.at/support/topic/change-size-icons-in-icon-list/#post-281131
    without any success (I currently have that in my QuickCSS).

    I have tired playing with Chrome’s Developer Tools, but as the icon gets larger, it is no longer centered in the circle (and I don’t know how to take the code and put it into the QuickCSS.

    Any help will be much appreciated.
    Thanks.
    -Owen

    July 29, 2015 at 1:36 pm #480192
    Yigit

    Hey Owen!

    Can you please increase icon size and then let us know so we can see the issue? I am not sure if i understood it clearly.

    Cheers!
    Yigit

    July 30, 2015 at 7:20 pm #480863
    Owen

    I uploaded a video explaining what I am trying to do:

    Since I couldn’t get it to work, I have removed all Quick CSS code from the server for clarity.
    Thanks
    -Owen

    August 1, 2015 at 6:45 am #481639
    Ismael

    Hey!

    You can override the style with this:

    #top .av_font_icon a:before {
    font-size: 30px;
    position: relative;
    left: -8px;
    top: 5px;
}

    This is going to work for the icon with the 10px font size.

    Regards,
    Ismael

    August 4, 2015 at 7:28 pm #482916
    Owen

    Worked like a charm, thank you!

    August 4, 2015 at 9:33 pm #482987
    Basilis

    Hey!

    Glad you got it sorted.
    Please feel free to open a new support ticket, if you need anything.

    Regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon Sizes Inside Sonar Circles’ is closed to new replies.