-
Posts
-
Hi there,
I’m hoping you can assist with some code to center two ‘Icon’ elements in a single line. They currently end up stacked when using the ‘center’ alignment styling. I refer to the Facebook and Instagram logos underneath the contact details shown here – https://prnt.sc/10d7gx3 (NOT the ones in footer).I’ve read some previous posts about using Left alignment for the Icons so they appear inline (single line, not stacked) and then adding some CSS. I added the custom ID ‘contact-social’ to a 3/5 Column which contains the icon elements but am unsure of the CSS required to center the icons.
Would appreciate your help! Many thanks.Hi ellamac,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaI’m still trying to work out how to center several inline icon elements. I have 5 star icons inline using the left aligned style and would like to know the code to center align these. I’ve given the full column a custom CSS class of five-star.
https://prnt.sc/dYgD-95Le436Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.five-star { justify-content: center; display: flex; }After applying the css, please clear your browser cache and check.
Best regards,
MikeBrilliant – thank you Mike! That’s worked a treat.
This post can now be closed and marked as solved : )
- The topic ‘Icon element centered on one line’ is closed to new replies.