This topic has 14 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp
Hello,
How can I change social icons from the theme?
Thank you.
Hello,
You need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1965), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank">
and replace https://twitter.com/share?url='.$permalink.'&text='.$post_title.'
with a link to your Twitter account.
Regards,
Eva Kemp.
Sorry, my question wasn’t clear, I was talking about social icons images. I want to replace your images with my images.
Thank you.
Hello,
Our theme uses fontAwesome icons. If you want to replace them with your own images, try to use the following code in Global Custom CSS:
.ico-twitter{
background-image: url("here is link to your image");
}
.menu-social-icons .ico-twitter:before {
visibility: hidden;
}
.ico-facebook{
background-image: url("here is link to your image");
}
.menu-social-icons .ico-facebook:before {
visibility: hidden;
}
.ico-pinterest{
background-image: url("here is link to your image");
}
.menu-social-icons .ico-pinterest:before {
visibility: hidden;
}
.ico-google-plus{
background-image: url("here is link to your image");
}
.menu-social-icons .ico-google-plus:before {
visibility: hidden;
}
.ico-envelope{
background-image: url("here is link to your image");
}
.menu-social-icons .ico-envelope:before {
visibility: hidden;
}
Regards,
Eva Kemp.
Hello,
Ok thank you, I have changed your fa icons with other fa icons to make it easier. But I still have one problem with G+ icon. I want this one: http://fontawesome.io/icon/google-plus/
But the unicode f0d5 is exactly the same code that G+ icon from your theme. So when I change the unicode in Global css as:
.menu-social-icons .ico-google-plus:before {
content: “\f0d5”;
}
It doesn’t work, I still have your G+ icon. How can I fix that please?
Hello,
Try to add !important
to the code:
.menu-social-icons .ico-google-plus:before {
content: "\f0d5" !important;
}
Regards,
Eva Kemp.
Hello,
It doesn’t work, I still have the old icon.
Thank you.
Hello,
Please provide FTP credentials to check the issue.
Regards,
Eva Kemp.
Hello,
Please find.
Thank you.
Hello,
Seems the problem is related that our theme doesn’t use updated font awesome icons.
They should be updated in the next theme version.
Please take our apologies for that.
Regards,
Eva Kemp.
Hello,
Ok thank you, yes it’s really necessary. Could you tell me when the next update will be available?
I’m still waiting the update about this problem, it’s more and more urgent.
Hello,
Sorry for a delay.
New update should be expected approximately in a week or 2.
Regards,
Eva Kemp.
Hello,
Ok thank you, I’m waiting for it!
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Social icons’' has been successfully resolved, and the topic is now closed for further responses