LinkedIn follow button

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?

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?

Can you activate it, so that we can see the issue?

Just activated it, let me know if you can see the issue.

No, cannot see it. Can you? Do you have a screenshot?

Yes I do, where do I upload it or send it to?

You can upload it to your media library, then share the link here.

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.

https://www.grey-box.ca/wp-content/uploads/2021/11/Screen-Shot-2021-11-03-at-9.26.20-AM.png

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. (https://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 3 years, 4 months ago by mariahfernnn.
• This reply was modified 3 years, 4 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!