Vantage Social Media

Hello – I’ve just updated to the latest version of Vantage, but can’t see how to add the social media icons up there…can you tell me how you did it?

Never mind, found it in the widgets. Nice site, by the way.

Yea there’s a nice header widget and thank you, I appreciate that. Just hoping I can move those social links haha

Aaah yeah, I see the problem there. You should be able to fix it with some custom CSS.

#header-sidebar aside.widget {
   margin-right: 15px;
}

#header-sidebar aside.widget:last-child {
   margin-right: 0;
}

As usual you can add custom CSS using a child theme, Jetpack custom CSS, or custom CSS editor if you’re using Vantage Premium.

I also see there’s a problem with the RSS icon. I’ll fix that in the next update. And look at adding an email icon ??

Yeah, the RSS icon is smaller, right?

I came here to see if I could center the widget when used as a blog widget (not necessarily it header).

It floats left right now and I want it center.

The only CSS I see that can affect it also affects all sidebar widgets

this one:

#secondary .widget, #footer-widgets .widget {

Let me know if you’d like me to start a new thread.

Thank you in advance,

Jose

Thanks Greg! It definitely gave it some space now. Looks a lot better, thanks!

Jose, can we see a site link please?

I can’t offer a site link because the website is still in pre-launch mode and it won’t let you access the page in question. I can add a pic and host it somewhere it necessary. The icons in the blog sidebar widget simply aren’t centered and I want to do it through CSS.

I centered widget titles, so it looks off with the social media icons to the left.

Jose

Maybe you will like this.. surprise:
I was trying to stop the header social widgets from overlapping the logo (in the small vertical Ipad size, quite hybrid).
Eventually I wrote a theme custom css like this:

.widget_vantage-social-media { margin-left: 700px}
where the margin-left is just a bit wider than the logo size.

It worked surprisingly well: generally the icons stay put, in a row. But in the vertical ipad they… stash vertically! and it looks fine…
One line of code, solved. At least as far as I can see with this tool:
https://ami.responsivedesign.is/#

Thanks for the help! Sorry for delayed response.

Hey I’m back! ?? Just a suggestion for an update, allowing an option to input your own social media account. Like how you have Facebook, google plus, etc. have an “other” section where you can put in the social media icon url and the link to the network!