Hi @mariahfernnn, thank you for your question!
Could you please tell us where we can see the icons (i.e. the website url) to check what’s wrong?
Plugin Support
Nick
(@d4d5bh6)
Ok, I see you fixed it by using a different set of icons – smart! 🙂 I’ll close this thread now, if anything else comes up please let us know.
Hi Nick,
Thanks for your response. I disabled the follow option for LinkedIn because it was the one that was off-screen. I would like to use it but has this issue been resolved?
Plugin Support
Nick
(@d4d5bh6)
Can you activate it, so that we can see the issue?
Just activated it, let me know if you can see the issue.
Plugin Support
Nick
(@d4d5bh6)
No, cannot see it. Can you? Do you have a screenshot?
Yes I do, where do I upload it or send it to?
Plugin Support
Nick
(@d4d5bh6)
You can upload it to your media library, then share the link here.
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
Try using this site.
https://snipboard.io/
Upload the screenshot there and share the link here in a reply. Please be careful not to share any image that may have something you consider to be confidential.
Thanks, @mariahfernnn!
Please add the code below in your theme’s CSS section:
.linkedin_tool_bdr .sfsi_inside .icon1 {
width: 80px!important;
}
Please let us know if that helps!
@karolinauv it works, thank you!
However, now I have a similar issue after a user clicks on the follow button. The button changes from ‘Follow’ to ‘Following’ and the text no longer fits the screen. (http://www.grey-box.ca/wp-content/uploads/2021/11/Screen-Shot-2021-11-04-at-9.28.02-AM.png)
I tried the following in Inspect mode but when I add the code in the theme’s CSS section, the changes do not apply:
.following-btn–no-count {
font-size: 11px !important;
font-weight: bold;
}
Please help!
-
This reply was modified 4 years, 6 months ago by
mariahfernnn.
-
This reply was modified 4 years, 6 months ago by mariahfernnn.
Thank you too, @mariahfernnn!
Please add the below custom CSS at Admin Panel > Appearance > Customize > Additional CSS – then it should work fine as per your need:
#sfsiid_linkedin.sfsi_tool_tip_2 {
width: 110px !important;
}
#sfsiid_linkedin.sfsi_tool_tip_2 .sfsi_inside .icon1 {
width: 100px !important;
text-align: center;
}
Please let us know if that fixes the issue. Thanks!
It fixed the issue, thanks again @karolinauv!
