Docs

[850it]

Hi,

Can I put the social icons on the bottom side of the footer to a widget on the footer panel? This will make them bigger since I use 2 widgets for my site.

Thanks

[Rahul]

Hey There,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you’re trying to do.
If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks for understanding!

[Rahul]

Hey There,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you’re trying to do.
If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks for understanding!

[850it]

This reply has been marked as private.

[Christopher]

Hi there,

Please insert following code in a text widget :

<div class="x-social-global"><a href="#" class="facebook" title="Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i></a><a href="#" class="twitter" title="Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i></a><a href="#" class="linkedin" title="LinkedIn" target="_blank"><i class="x-icon-linkedin-square" data-x-icon="" aria-hidden="true"></i></a><a href="#" class="instagram" title="Instagram" target="_blank"><i class="x-icon-instagram" data-x-icon="" aria-hidden="true"></i></a></div>

Hope it helps.

[850it]

As you can see it worked but the icons are too small and they are blue. Can I fix this?

[Rupok]

Hi there,

Thanks for writing back. We can help you to fix that with some CSS. Kindly provide your URL so that we can check and tailor the code for you.

Cheers!

[850it]

This reply has been marked as private.

[Paul R]

Hi,

Thank you for providing your site url

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

.x-colophon.top .x-social-global a {
    font-size: 25px;
    color: #EC6941;
    margin: 0 10px;
}

.x-colophon.top .x-social-global a:first-child {
   margin-left:0;
}

.x-colophon.top .x-social-global a:last-child {
   margin-right:0;
}

Hope that helps.

[Author]

Posts