Schmidt1989 Posted July 13, 2020 Share Posted July 13, 2020 Site URL: https://ryanschmidt.design/ Hi guys, In my footer, on the right-hand side, I have a LinkedIn icon. I would like to add a label centered beneath it that says, "LinkedIn". I have searched and tried to figure the CSS out on my own, but am at a loss. Any help and guidance is greatly appreciated. Thank you! Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 Try adding to Home > Design > Custom CSS footer.sections .sqs-svg-icon--list .linkedin-unauth { width: 50px !important; } footer.sections .sqs-svg-icon--list .linkedin-unauth:after { content: "LinkedIn"; display: block; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Schmidt1989 Posted July 15, 2020 Author Share Posted July 15, 2020 3 hours ago, tuanphan said: Try adding to Home > Design > Custom CSS footer.sections .sqs-svg-icon--list .linkedin-unauth { width: 50px !important; } footer.sections .sqs-svg-icon--list .linkedin-unauth:after { content: "LinkedIn"; display: block; } Thank you for your help. It displayed, but to the side of it, not beneath it. I played with the display type and tried other tweaks for over an hour and nothing so I've given up. Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 37 minutes ago, Schmidt1989 said: Thank you for your help. It displayed, but to the side of it, not beneath it. I played with the display type and tried other tweaks for over an hour and nothing so I've given up. remove above & add this code footer.sections nav.sqs-svg-icon--list:after { content: "LinkedIn"; display: block; } Schmidt1989 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Schmidt1989 Posted July 19, 2020 Author Share Posted July 19, 2020 On 7/15/2020 at 8:05 AM, tuanphan said: remove above & add this code footer.sections nav.sqs-svg-icon--list:after { content: "LinkedIn"; display: block; } Thank you! It worked! 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