Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2019 at 9:26 pm #1066649
    jlbeim

    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.

    February 14, 2019 at 9:58 pm #1067159
    Victoria

    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,
    Victoria

    February 18, 2019 at 5:18 pm #1068479
    jlbeim

    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!

    February 18, 2019 at 5:44 pm #1068487
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon Element not displaying icon centered inside circle’ is closed to new replies.