Hi,
I have created a own page as a footer and would like to center the social media icons (not the share buttons) next to each other. What is the solution? I have tried with individual icons and with the icon grid, but it doesn’t work. They can only be centered one below the other. But I need the icons centered next to each other. The link to the website is in the private content.
Thank you very much and best regards,
Sabine
Translated with http://www.DeepL.com/Translator (free version)
Hey Sabine,
Please try the following in Quick CSS under Enfold->General Styling:
div.av-xtbv-2a1cb4f0485cd7b5890ad13c5f5845f4 {
text-align: center;
}
div.av-xtbv-2a1cb4f0485cd7b5890ad13c5f5845f4 .av_font_icon, div.av-xtbv-2a1cb4f0485cd7b5890ad13c5f5845f4 .av_font_icon a {
display: inline;
}
Best regards,
Rikard
Hi Rikard,
sorry, it doesn’t work. It happened nothing ….
Greetings, Sabine
Hi,
Thank you for your patience and the link to your site, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
#top .flex_column.avia-builder-el-7 > .av_font_icon > a {
display: inline;
}
After applying the css, please clear your browser cache and check.
the expected results:
Best regards,
Mike
Hi Mike,
thank you so much – it works wonderful – yeah.
Greetings an you can close this topping
Best regards, Sabine
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike