[Resolved] Social Media

[Charlotte]

Hi!

I wish to have links to Facebook, Instagram and Pinterest on my website but I can’t seem to find where to install this. Do I have to install a plugin or can I find this within the theme?

I want the icons to show in my top right corner of the website. I have the free version and have not bought any add ons.

Thanks for your help! =)

[Tom]

Hi there,

This plugin may help: https://wordpress.org/plugins/lightweight-social-icons/

You can add the widget to your “Header” widget area.

[Charlotte]

OK, I will try this! Thanks!

[Tom]

You’re welcome 🙂

[Ronnie J Sedillo]

You can use some other WordPress social sharing plugins like https://wordpress.org/plugins/wp-share-buttons-analytics-by-getsocial/

You just need to find it named with “GetSocial Share Buttons” and install it. The social media widgets will appear on your webpage.

[Rachel]

Hiya Tom!
I was working with the header social media buttons (have three), but I’ve been messing with the ‘customize’ options and can’t find what I’m looking for.

Is there a way to move the social media icons to align more towards the bottom right of the header?
https://picasaweb.google.com/lh/photo/kJz1TGOHBVDehnwCDrhDfZ_8Y5t_SH-48U5xYBVuqH4?feat=directlink

I’m not sure what I have active, no option seems to move them anywhere. I even have the ‘center’ option on and that’s not doing anything (even though I don’t want them in the center). I hope it’s something simple I’m overlooking!
https://picasaweb.google.com/lh/photo/N2aN-FYmqmQ57WGdN2lC7J_8Y5t_SH-48U5xYBVuqH4?feat=directlink

Thanks Tom!

[Tom]

Hi there,

Give this a shot:

@media (min-width: 769px) {
    .header-widget {
        margin-top: 30px;
    }
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Rachel]

Thanks Tom for your quick reply. I’m not familiar with CSS so I just copy pasted it, was that what I needed to do?
It sort of just enlarged my header background.

Before CSS: https://picasaweb.google.com/lh/photo/kJz1TGOHBVDehnwCDrhDfZ_8Y5t_SH-48U5xYBVuqH4?feat=directlink

After the above CSS: https://picasaweb.google.com/lh/photo/6a7KJsIyb9ETECqaVzI4hZ_8Y5t_SH-48U5xYBVuqH4?feat=directlink

[Tom]

Yea, just paste it into the Simple CSS plugin.

I’m not seeing much of a difference between those screenshots.

Any way you can link me to the site?

[Rachel]

Yeah, it didn’t quite move where we were trying, but it’s okay! I realize I’m being too picky at the moment and I may have to get back to this later.

Thanks Tom for keeping up on this with me. I’ll probably hit you up soon! 🙂

[Tom]

No problem! I’ll be here 🙂

[Author]

Posts