Centralising Icons

Hey,

Thanks for contacting us!

Please edit your Icon List element and give it a custom CSS class under Advanced > Developer Settings field (“my-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

.my-class.avia-icon-list-container {
    text-align: center;
}

Regards,
Yigit

Hi @BrendaSarg,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#footer-page .avia-icon-list .iconlist_icon {
    line-height: 60px;
}

Best regards,
Yigit

Hi,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#footer-page .avia-icon-list {
    max-width: 260px;
    margin: auto;
}
#footer-page .avia-icon-list li:nth-child(3) .iconlist_icon {
    margin-right: 0;
}

I thought you wanted to center the icons within circles but that should do it :)

Best regards,
Yigit

Hi,

You are welcome!
Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit