[Support request] Social Icon behind the copyright

[Marcel]

Hi,

I tried this:

“You could try this plugin: https://wordpress.org/plugins/lightweight-social-icons/

Then you would need this plugin to turn it into a shortcode: https://en-ca.wordpress.org/plugins/widget-shortcode/

Then you can use the Copyright add-on to add the shortcode into the copyright area.”

Now I need to get the icon behind the copyright text(see printscr)

https://drive.google.com/open?id=0B3BpXNTWJw9tZ3J6Q21vWjQydkk

[Leo]

Hi Marcel,

You can also try adding that using GP’s built in FontAwesome library:
http://fontawesome.io/icons/

So you would add something like this instead of the shortcode and it would be inline:
<i class="fa fa-facebook-official" aria-hidden="true"></i>

If not can you provide a link to the site so I can give you some CSS?

Thanks!

[Marcel]

Hi leo,

my site is hattrickmanagement.com. The home does not have a footer, click on a different one then the home.

I need it behind the copyright in the footer, and not below.

[Leo]

Are you wanting to use the icon from Lightweight social icons or just the fontawesome icon?

Right now both are inserted.

If you only want to use the FontAwesome icon then it shouldn’t need any CSS. Just need to add it directly after the copyright.

[Marcel]

I used FontAwesome.

I found out to increase the icon in size.
How I can change the colour?
How can I add the social media url where it needs to go after clciking the icon.
When I want some more space between the copyright and the icons, how can I achieve that?

Thanks

[Leo]

– CSS to change color and add some padding:

.site-info i {
    color: #000;
    padding-left: 5px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

– Add URL:
<a href="your link here"><i class="fa fa-facebook-official"></i></a>

[Author]

Posts