Social Icons

Hello,

I’ve been trying to implement telegram icon into odonlanski smth.

.social-icons .fa-odnoklassniki:before {
content: “\f2c6”;
}

http://fontawesome.io/icon/telegram/

It displays box/unidentified icon. http://prntscr.com/efvnwf

Hello,

It doesn’t work because of an outdated version of the Font Awesome icons. We will update it in our next theme update that will be available in 5-7 days.

Kind Regards
Xtemos

Got it! Thanks for your update. Could I have a documentation for separate file update later? I modified the core theme a bit to fit my features, so I’m afraid I can’t do a full theme update just for 1 social media icon.

Sorry, but you will have to update all theme files because our previous version of the theme may be incompatible with a new WooCommerce 2.7 version that will be released soon.

I see, is there a way to change the current font awesome icon with uploaded image?

Yes, you can use the following code for this

.fa-odnoklassniki:before {
	opacity:0;
  	background: url(IMAGE_PATH.png) no-repeat center center;
  	background-size:cover;
  	width:20px;
  	height:20px;
}

Regards

Many thanks.

Sorry, it didn’t work. The odnolaski still appears.

Sorry, try this

.fa-odnoklassniki:before {
    background: url(https://store.playbro.co/wp-content/uploads/2017/03/telegram.png) no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    color: transparent;
}

Regards

Thanks, it worked.

You are welcome.

[Author]

Posts