Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #480019

    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

    #480192

    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

    #480863

    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

    #481639

    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

    #482916

    Worked like a charm, thank you!

    #482987

    Hey!

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

    Regards,
    Basilis

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