[Support request] JetPack Social Share on sections: align to container width

[drew]

I’ve noticed that when using sections, Jetpack’s social share is aligning to absolute left as opposed to the inner container width.

Alignment on page w/o sections: https://apollosfire.org/about/apollos-fire/
Alignment on page w/sections: https://apollosfire.org/about/apollos-fire-musicians/

Is there a way to have the share function adopt the inner container margins when determining left align?

[Leo]

HI there,

Are you able to add a class to the social share?

Currently you have:
<div class="sharedaddy sd-sharing-enabled">

Changing it to:
<div class="sharedaddy sd-sharing-enabled grid-container">

should work.

Let me know.

[drew]

If I’m following you correctly, that would require modifying one of jetpack’s php file, correct? If so, wouldn’t that get overwritten on updates?

[Leo]

How is it added currently?

[drew]

However JetPack has it set up. When activating that module, it adds the share function automatically. While there’s an option to disable their JS and CSS, there’s nothing that lets a user manually insert it via a hook or custom function.

[Leo]

That’s not very convenient.

I would recommend asking Jetpack if they have a way to add that custom class in there.

[drew]

Acknowledged and will do. If they come back with anything useful, I’ll post a follow-up here so others can find the solution if they run into it.

[Leo]

Sounds good 🙂

[Author]

Posts