Socials Icons Only

Can you let me know what site you’re having this problem? Once I have that information, I’ll be better able to help.

If you want it to remain private, you can also contact us via this contact form:
https://jetpack.me/contact-support/

Thanks!

https://www.junavalove.com/wptest

When I look at the source code, there’s a span tag with the CSS class screen-reader-text. Is there any way to remove the span text/tag without touching the plugin’s core files? Is just like it to be icons displayed side by side from eachother. I removed the text thru CSS but just wondering if there’s a way possible to override the function. I’m developing a theme and trying to make it Jetpack ready.

Thanks for the link – that helps!

The screen reader text is there to help visually impaired users who use screen reader software navigate your site. Without that text, users won’t be able to find/navigate through your social media accounts. If you’re building a theme, it is important to take accessibility into account so all users can use your theme. You can remove it with CSS, but I would recommend against it.

With regards to the icons – which set of icons are you having trouble with? In this screenshot – https://d.pr/i/Ibkr – it looks like #1 is a custom set of icons you’ve set up and #2 is the Jetpack social icons? If not, please clarify which set you’re having trouble with and I’ll be happy to take a closer look.

They’re both jetpack. 1 is the social menu and 2 is the social widget. I was trying to experiment with both of them. Do you have any idea on how to make the widget icons display side by side?

Oh! I should have looked at the source – my bad. ??

Regarding the social widget – by default they should display side by side. (example: https://d.pr/i/10Ba2 )

Looking at the site, it looks like you’re not registering your sidebar properly – the social icons widget should be using the .widget_wpcom_social_media_icons_widget class; in your theme all the widgets are using .sidebar-widgets thus overriding the unique classes that are part of Jetpack and breaking the layout of those icons.

Here’s the Codex on registering sidebars that might be useful:
https://codex.www.ads-software.com/Function_Reference/register_sidebar

If you still have trouble, I’d reach out to our theme community for help in setting things up:
https://www.ads-software.com/support/forum/themes-and-templates

I hope that helps!

Oh I see! The whole %s thing had to be included. Okay. Thank you!

I’ll have to retouch my stylesheet. Uuugghhh. Hahaha

Happy to help! Sometimes it’s the simplest thing that messes things up. I can’t tell you how many times a missing ; screwed up my CSS! ??

Let us know if we can help with anything related to the Jetpack plugin in the future!