Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 20, 2020 at 1:08 pm #1194781
    aintzerga

    Hi.

    I want to add HOUZZ and its icon as a new social network on my website.
    I have been able to upload the Fontello icon font in the Enfold setting, but I am unable to modify the funtions file.

    Web: https://saitra.com/website2020

    Can you help me?

    Thank you.

    March 20, 2020 at 8:06 pm #1194909
    Victoria

    Hey aintzerga,

    You need to upload the icon font through the theme options and then add the code to the functions.php file.

    Here are the docs for you:

    Social Share Buttons

    Best regards,
    Victoria

    March 20, 2020 at 8:35 pm #1194924
    aintzerga

    Hi,

    I have uploaded the icon fonts but they do not load in the theme.

    What can I do to load icon fonts?

    And how do I modify the file funtions.php?

    Thank you.

    March 20, 2020 at 8:56 pm #1194938
    Victoria

    Hi aintzerga,

    You need to add the child theme and add the code for the icons there.

    Here are the docs for you:

    Child Theme

    Best regards,
    Victoria

    March 20, 2020 at 8:56 pm #1194939
    Victoria

    Hi aintzerga,

    You need to add the child theme and add the code for the icons there.

    Here are the docs for you:

    Child Theme

    Best regards,
    Victoria

    March 23, 2020 at 9:28 am #1195394
    aintzerga

    Hi.

    I would not like to create a child theme.
    Is there another way to do it?

    Thank you.

    March 23, 2020 at 9:34 am #1195395
    aintzerga

    Can I substitute some of the social icons for Houzz?
    Where are the social icons in the theme files?

    March 23, 2020 at 10:42 am #1195409
    Guenni007

    You see here the instruction : https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
    and scroll a short distance to : In case of using an image
    i actually always recommend to use pictures when there are only one or two additional icons.

    You see at the very end of parent functions.php file :

    /*
 *  register custom functions that are not related to the framework but necessary for the theme to run
 */

    just after that ( but before functions-enfold.php is required ) you can add your custom snippets.
    _____________
    But :living the world of WordPress is so much easier if you take advantage of a child theme. So I would recommend you to set one up.
    The clear advantages greatly outweigh the few disadvantages. Last but not least because of the preservation of all changes even after updates of the parent theme.
    Enfold makes it quite easy for you to change even advanced installations to a child theme.

    March 23, 2020 at 11:47 am #1195424
    aintzerga

    But can one of the social icons be changed by CSS?
    For example, could we use Twitter and replace it with a Houzz image icon?

    I have seen this post in your support to change it for CSS:

    #top .social_bookmarks li:hover a {
    background: transparent !important;
    }
    #top .social_bookmarks li a:before{
    content: “”;
    display: block;
    width: 30px;
    height: 30px;

    }
    #top .social_bookmarks li.social_bookmarks_facebook a:before {
    background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
    background-size: contain;
    }

    #top .social_bookmarks li.social_bookmarks_twitter a:before {
    background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
    background-size: contain;
    }

    March 25, 2020 at 4:36 pm #1197722
    Victoria

    Hi aintzerga,

    I do not see the social icons added to the website and I cannot login to the website. I am getting a 404. Did you move it?

    Best regards,
    Victoria

    March 25, 2020 at 4:44 pm #1197731
    aintzerga

    Hi,

    We have changed the location of the web, now it is at saitra.com

    Attached credentials of access to the private admin.

    Thank you.

    March 26, 2020 at 2:50 pm #1198049
    Victoria

    Hi aintzerga,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .social_bookmarks li.social_bookmarks_facebook.av-social-link-facebook  a:before {
    content: "";
}
#top .social_bookmarks li.social_bookmarks_facebook.av-social-link-facebook  a {
    background: url("https://png.icons8.com/doodle/50/ffffff/dirigible.png") top left no-repeat !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 26, 2020 at 6:14 pm #1198143
    aintzerga

    OK thanks.

    March 27, 2020 at 10:30 pm #1198471
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.