Site logo

Archived topic

Social sharing buttons

5 replies · Started by t29k75 on July 21, 2021

Viewing posts 1–6 of 6

Hi,

I use social sharing buttons in posts on my site. I followed wplogout tutorial (link)
After watching Leo's recent video (https://www.youtube.com/watch?v=q9YyXSBpRR0) I am trying to replace the existing one with block element.
All is good, except I don't know what URLs to add to individual buttons to make it work.

much appreciated,
Tibor

Hi there,

Let's put distinction between "social links" and "social sharing" buttons first.

Social icon buttons(links) are buttons(links) that lead to the social meta profiles.

Social sharing button are buttons that lets a user share a page or post on his/her social media account.

Leo's video is about Social icon links. Meaning the purpose is to bring the one who clicks these buttons to the respective profile pages on social media. If this is actually what you need, the links you put are basically the URL pointing to your social media profile or page. Example: Facebook page of LG Global - https://www.facebook.com/LGUK

If what you need is an actual social sharing button, you'll need a specialized plugin for that.

Hi Elvin,

thanks for your reply.
It makes sense to me now. Learning everyday, ha.
One more thing. How can I fill horizontal space of social sharing buttons on mobile only in my posts? (example: https://surf-atlantic.com/silver-coast-region/)

T

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .surf-atlantic-social-wrapper {
        display: flex;
        margin: 0 -5px;
    }

    .surf-atlantic-social-wrapper a {
        flex: 1;
        text-align: center;
        margin: 0 5px !important;
    }
}

Hi David,

perfecto!

thanks again:) guys,

T

Glad to be of help

This archived topic is closed to new replies.