Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1066649

    I have created a section on my page with two grid rows (4 sections). In each section, I have placed a large icon – I set the size to be 100 px. Some of the icons are not displaying within the circle. So I decided to use the Icon List element to see how the icons would display in this element and they look exactly as expected. The icon fits neatly within the circle. Could you please take a look at the page and tell me how to get the icons within the grid rows to display correctly? Because the website is in maintenance mode you will need to login in order to view the page. I will include login credentials in the Private Content area. Thanks.


    Hey Jill,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    #top #av-layout-grid-1 .av_font_icon a,
    #top #av-layout-grid-2 .av_font_icon a {
        font-size: 83px !important;
        line-height: 89px !important;

    If you need further assistance please let us know.

    Best regards,


    Thanks Victoria. Changing the line-height flattens the circle a bit, so I decided to just change the font size and left the line-height at 100px. Thanks for your help!



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Icon Element not displaying icon centered inside circle’ is closed to new replies.