Docs

[Nuera]

Hey there, I’ve got a pretty simple request. I’ve achieved this function in a few different ways, but none of the appearances are quite exact to what I’m looking for yet.

I’m looking to add the social links that typically appear in the topbar to a footer widget under the contact info. I’d like the icon dimension to be 30px so that they don’t stack within the widget frame.

I’ve attached a mockup of how I’d like this to look, but I can sub out the actual social links once I see the format of the html.

Thank you!

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Nuera]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials, I did go ahead and added the social icons on your 4th footer widget area and added the needed custom CSS on Customizer.

You can edit the social icons markup on the footer widget area to add your social pages link.

Hope it helps, Cheers!

[Nuera]

That’s great, thank you!

How would I change the hover color? I don’t see any hex codes anywhere in the widget or CSS code.

Much appreciated!

[Thai]

Hi There,

Please try adding the following CSS:

footer.x-colophon.top .widget ul.my-social-icons li a:hover {
    color: #07273d;
}

Hope it helps 🙂

[Nuera]

Perfect, thanks!

[Thai]

If you need anything else please let us know.

[Author]

Posts