Plugin Contributor
csonnek
(@csonnek)
Happiness Rocketeer 🚀
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:
http://jetpack.me/contact-support/
Thanks!
Thread Starter
laling
(@laling)
http://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.
Plugin Contributor
csonnek
(@csonnek)
Happiness Rocketeer 🚀
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 – http://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.
Thread Starter
laling
(@laling)
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?
Plugin Contributor
csonnek
(@csonnek)
Happiness Rocketeer 🚀
Oh! I should have looked at the source – my bad. 🙂
Regarding the social widget – by default they should display side by side. (example: http://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.wordpress.org/Function_Reference/register_sidebar
If you still have trouble, I’d reach out to our theme community for help in setting things up:
https://wordpress.org/support/forum/themes-and-templates
I hope that helps!
Thread Starter
laling
(@laling)
Oh I see! The whole %s thing had to be included. Okay. Thank you!
Thread Starter
laling
(@laling)
I’ll have to retouch my stylesheet. Uuugghhh. Hahaha
Plugin Contributor
csonnek
(@csonnek)
Happiness Rocketeer 🚀
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!
