Home › Forums › WoodMart support forum › Modify Social Icons

Modify Social Icons

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 4, 2021 at 8:27 am #270869

    Oriol Duarri
    Participant

    Hi,

    We want to know how to modify an existing social icon for another one, for example, modify the pinterest icon for the Trip Advisor icon,

    March 4, 2021 at 8:38 am #270880

    Oriol Duarri
    Participant

    Hi, we need a code like that, but this is not working for us, can you help us?

    $(document).ready(function(){

    $(“.fa-pinterest”).addClass(“fa-tripadvisor”);
    $(“.fa-pinterest”).removeClass(“fa-pinterest”);

    })
    <script type=’text/javascript’ src=’//http://www.canbeneitprueba.com.mialias.net//wp-content/themes/woodmart/js/functions.min.js’ id=’woodmart-theme-js’></script> <script type=’text/javascript’ id=’woodmart-theme-js-after’>document.getElementsByClassName(“fa-pinterest”).className += ” fa-tripadvisor”; jQuery(document).ready(function() {

    March 4, 2021 at 8:48 am #270884

    Elise Noromit
    Member

    Hello,

    Please provide more details on how you would like to modify the icons, do you want to change the icon appearance or functionality.

    Best Regards

    March 4, 2021 at 8:51 am #270888

    Oriol Duarri
    Participant

    Hi Elise,

    We want to show the fa-far tripadvisor icon when we use the pinterest one, may you can provide me a js code for that?

    Thank you in advance

    March 4, 2021 at 2:31 pm #270990

    Elise Noromit
    Member

    Hello,

    Please provide the icon URL and page URL where you want to apply it, I will provide the custom CSS.

    Best Regards

    March 4, 2021 at 2:40 pm #270993

    Oriol Duarri
    Participant

    Hi Elise,

    We want to show this icon https://fontawesome.com/icons/tripadvisor instead of the pinterest one, everywhere where we use the social profiles woodmart module

    I give you access to website:

    March 5, 2021 at 1:03 pm #271262

    Elise Noromit
    Member

    Hello,

    The icon you want to show related to Pro set that is not supported by our theme without an additional license.

    Please find a free one or upload an image to the media library and provide the link.

    Best Regards

    March 8, 2021 at 8:39 am #271740

    Oriol Duarri
    Participant

    Hi Elise,

    This is not a Pro icon, this version of the icon is the free one: https://fontawesome.com/icons/tripadvisor?style=brands

    Another woodmart theme have the integration that I’m looking for, you can see it here https://onlysushi.es at the top-bar.

    Also attaching an screenshot showing that it’s a free icon,

    Wait for your reply,
    Thanks!

    Attachments:
    You must be logged in to view attached files.
    March 8, 2021 at 6:29 pm #271937

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .social-pinterest i:before {
    content: "\f262"!important;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

    Best Regards

    March 10, 2021 at 9:50 am #272319

    Oriol Duarri
    Participant

    Hi!

    Worked perfectly, thank you so much Elise!

    March 10, 2021 at 2:32 pm #272430

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    We will appreciate highly if you spend a couple of minutes and answer the questions provided here: https://8uehqcg4tjy.typeform.com/to/IgyV2EiP

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)