Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 4, 2015 at 11:39 pm #439416
    djshortkut

    Can you please provide me with some quick css to increase the size of the icons on this page without increasing the size of the circle. I am using the standalone icon with border and optional caption setting. The problem is when I increase the size of the icon to the size I want by changing the icon size in the avia layout builder, it makes the outside circle huge. I have the custom css class set to “custom-icon” for each of the three buttons. If you can just give me some quick css to adjust the size in px, I can adjust to my liking. Thank you!

    May 5, 2015 at 7:18 pm #439937
    Yigit

    Hey djshortkut!

    Please add following code to Quick CSS 

    .custom-icon .av-icon-char {
  font-size: 60px!important;
}

    Cheers!
    Yigit

    May 5, 2015 at 7:40 pm #439954
    djshortkut

    Thank you! You can close this thread.

    May 5, 2015 at 7:46 pm #439956
    djshortkut

    Actually, one thing I just noticed is that the icon doesn’t seem to stay centered inside the circle when it is enlarged with this code. How do I make it stay centered?

    May 5, 2015 at 8:24 pm #439980
    djshortkut

    Nevermind, I fixed it by adjusting the size. Thanks again! You can close this thread.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon Size’ is closed to new replies.