How to create a custom link under social network section

Hi there,
you can create a new addition with your page URL under Customize->Social Icons then change the icon of your new addition by adding this
So if you add the URL in your Google Plus field

.fa-google-plus:before{
content:'';
background:url(your-URL);
background-size:contain;
width:35px;
height:35px;
position:relative;
}

in your custom CSS box under Customize->Additional CSS replacing your-URL with your image.
Let me know if this worked for you.

• This reply was modified 4 years, 10 months ago by Fotis.

Thank you for your reply.

I did update the code. The image url resolves to the icon.

.fa-google-plus:before{
content:”;
background:url(‘https://hackathon.setapp.pl/assets/images/prizes/pluralsight.svg’);
background-size:contain;
width:35px;
height:35px;
position:relative;
}

Although the Google plus image goes away, the updated icon doesn’t come through.

Am I doing something wrong?

Hi there,
this is the correct code

.fa-google-plus:before{
content:"";
background:url(https://hackathon.setapp.pl/assets/images/prizes/pluralsight.svg);
background-size:contain;
width:15px;
height:15px;
position:relative;
display: inline-block;
vertical-align: middle;
}

Also, make sure you have a URL in your Customize->Social Icons for Google Plus.

Let me know if you need additional help with this.

• This reply was modified 4 years, 10 months ago by Fotis.

Thank you Fotis.

The solution works like a charm on the main page, category page, tags page.

But it seems both the new icon and the old google plus icon seem to overlap each other in the blog pages.

Please check the image of how it appears in the blog pages

Image link

Would be glad to know from you, if there is any fix

• This reply was modified 4 years, 10 months ago by ravikirans.

Hi,
just use any other social network/icon, google plus is not mandatory.

Thank you

That’s great. Glad I could help. If you need additional help with anything, feel free to get in touch and I will be there for you within 24 hours.

Also, we’d really appreciate if you could you take a minute and share your experience with our themes and support by filling in this form https://www.cssigniter.com/feedback-form

Hello Fotis.

After a couple of weeks, the icon is displaying well on the blog posts, but not on the categories page or the home page. It gets overlapped with the replaced social icon. Can you help how to fix this?

For example, this is how it is displayed on the home page/categories page

View post on imgur.com

You can also visit https://ravikirans.com to view the page

Hi there,
have you managed to resolve this? It looks fine on my end.