Align icons

Hi Santiago,

Please add this CSS code in Enfold > General Styling > Quick CSS:

.page-id-99 #av_section_3 .avia-builder-el-last {
    text-align: center;
}

.page-id-99 #av_section_3 .avia-builder-el-last .av_font_icon {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-right: 4px;
}

Best regards,
Nikko

Hi Santiago,

I see, please do the following:
1. Edit all the columns that you want to center the icons (including the one that was fixed) and go to Advanced > Developer Settings > Custom CSS Class and put center-icons
2. Go to Enfold > General Styling > Quick CSS, remove the last code I gave and replace it with:

#top #main .center-icons {
    text-align: center;
}

#top #main .center-icons .av_font_icon {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-right: 4px;
}

If you want to use it on another page, you simply do step #1.
I hope this helps.

Best regards,
Nikko

Hi Santiago,

I have checked the page and I noticed that center-icons Custom CSS Class was put on the icons instead of the column.
Please put it in the 1/2 column where the icons are placed and that should work.

Best regards,
Nikko

Hi Santiago,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko