tucecoop Posted July 3 Share Posted July 3 I have used code to center the footer text on my website, but I can't work out how to center the LinkinIn Icon. This is the code I used for the text. I tried using the Block ID to center the LinkedIn logo but couldn't get it to work. Please could someone help? // CENTER FOOTER TEXT FOR MOBILE @media screen and (max-width:767px) { footer.sections * { text-align: center !important; }} https://claudia-pascale-2.squarespace.com pw: claudia Link to comment
Lesum Posted July 3 Share Posted July 3 @tucecoop Hi! To center the LinkedIn logo, you can add this code under Website > Pages > Website Tools > Custom CSS @media screen and (max-width:767px) { footer nav.sqs-svg-icon--list { justify-content: center !important; } footer .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper { margin-left: 7px !important; margin-right: 7px !important; } } tuanphan and tucecoop 2 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment