Social icons - by jeremy - on WordPress WooCommerce support

This topic has 14 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

  • Avatar: tlgv
    jeremy
    Participant
    December 14, 2016 at 20:11

    Hello,

    How can I change social icons from the theme?

    Thank you.

    13 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    December 14, 2016 at 21:14

    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.

    Avatar: tlgv
    jeremy
    Participant
    December 14, 2016 at 21:47

    Sorry, my question wasn’t clear, I was talking about social icons images. I want to replace your images with my images.

    Thank you.

    Avatar: Eva
    Eva Kemp
    Support staff
    December 15, 2016 at 14:00

    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.

    Avatar: tlgv
    jeremy
    Participant
    December 15, 2016 at 21:44

    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?

    Avatar: Eva
    Eva Kemp
    Support staff
    December 16, 2016 at 09:33

    Hello,

    Try to add !important to the code:

    .menu-social-icons .ico-google-plus:before {
    content: "\f0d5" !important;
    }

    Regards,
    Eva Kemp.

    Avatar: tlgv
    jeremy
    Participant
    December 16, 2016 at 10:02

    Hello,

    It doesn’t work, I still have the old icon.

    Thank you.

    Avatar: Eva
    Eva Kemp
    Support staff
    December 16, 2016 at 17:40

    Hello,

    Please provide FTP credentials to check the issue.

    Regards,
    Eva Kemp.

    Avatar: tlgv
    jeremy
    Participant
    December 19, 2016 at 12:12

    Hello,

    Please find.

    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    December 19, 2016 at 17:05

    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.

    Avatar: tlgv
    jeremy
    Participant
    December 19, 2016 at 17:41

    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.

    https://www.8theme.com/topic/tablet-menu-issue/

    Avatar: Eva
    Eva Kemp
    Support staff
    December 22, 2016 at 19:15

    Hello,

    Sorry for a delay.
    New update should be expected approximately in a week or 2.

    Regards,
    Eva Kemp.

    Avatar: tlgv
    jeremy
    Participant
    December 22, 2016 at 20:13

    Hello,

    Ok thank you, I’m waiting for it!

    Avatar: Eva
    Eva Kemp
    Support staff
    December 22, 2016 at 21:01

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Social icons’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.