[Daphne DParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Where do you add it? I can’t find the code from your child theme’s functions.php

Thanks.

[Daphne DParticipant]

I added it in my functions.php file in my FTP [see screenshot] — does it go somewhere else ??

[ChristopherModerator]

Hi there,

Seems like you’re trying to add it in sidebar, right?

Instead of [x_social_global] add [x_share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"] in text widget area.

Hope it helps.

[Daphne DParticipant]

Thanks for the reply, however I’m not wanting to “share this post/page” — I thought from this thread that the question was about adding the social buttons from my footer [x_social_global] to my sidebar…? I’m just wanting to connect followers with my personal social profiles.

[ChristopherModerator]

Hi there,

Please add a text widget and insert following code :

<div class="x-social-global"><a href="https://www.facebook.com/daphne.delay" class="facebook" title="Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://twitter.com/DaphneDelay" class="twitter" title="Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://vimeo.com/daphnedelay" class="vimeo" title="Vimeo" target="_blank"><i class="x-icon-vimeo-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.instagram.com/daphnedelay/" class="instagram" title="Instagram" target="_blank"><i class="x-icon-instagram" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.pinterest.com/daphnedelay/" class="pinterest" title="Pinterest" target="_blank"><i class="x-icon-pinterest-square" data-x-icon="" aria-hidden="true"></i></a></div>

Hope it helps.

[Daphne DParticipant]

That did the trick! However, they are super small with zero spacing in between. Can I override some settings to make them larger and spaced evenly (preferably centered)?

🙂

[JadeModerator]

Hi Daphne,

You can add this under Custom > CSS in the Customizer.

.x-sidebar .x-social-global {
    text-align: center;
}

.x-sidebar .x-social-global a {
    margin: 0 5px;
    font-size: 15px !important;
}

Hope this helps.

[Daphne DParticipant]

that did the trick! Thanks so much 🙂

[FriechModerator]

Glad we could help.

Cheers!

[Author]

Posts