Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1419298

    Hi,

    Can you give me a hand?
    How can I add 9 social media icons per team member? Is it possible in a 180×180 image? And how about adding icons that did not appear?

    Thank you!

    #1419353

    Hey ijnavas,
    To add nine social media icons per team member you will need to make the social icons smaller like this:

    .team-social a {
        text-decoration: none;
        position: relative;
        border-radius: 30px;
        padding: 0;
        background: #fff;
        margin: 3px;
        display: inline-block;
        height: 17px;
        line-height: 17px;
        width: 15px;
    }
    .avia-team-member .team-social {
    	font-size: 10px;
    }

    the expected results
    Enfold_Support_3288.jpeg

    Best regards,
    Mike

    #1419465

    Thank you, Mike!

    And how about adding icons that did not appear?

    #1419466

    Hi,

    Thank you for the update.

    You can add or edit the team member social icons by adjusting the Add/Edit Social Service or Icon Links settings. If the social icon that you want to add is missing, you can use the Iconfont Manager to upload additional icons to the library. Please check the documentation below for more info.

    // https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

    Best regards,
    Ismael

    #1419485

    Thank you, Ismael. I will try it.

    One more question. Where do I have to insert the previous code?

    #1419489

    Hi,
    Try adding the CSS in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    Best regards,
    Mike

    #1419509

    Thank you, Mike!

    Ismael, the icons I want to upload are not there. How can I add my own icons?

    #1419527

    Hi,

    Thank you for following up.

    Please check the documentation that we linked above. You can add more icons from fontello and monocolored ones from flaticon.

    // https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

    Best regards,
    Ismael

    #1419602

    Hi Ismael,
    I read the documentation, but I didn’t see how to add other icons that didn’t appear there. Is is possible? An example below.

    #1419611

    Hi,
    For the Team Member element to add more social icons you can add or edit the team member social icons by adjusting the Add/Edit Social Service or Icon Links settings:
    Enfold_Support_3367.jpeg
    If you don’t see the icon you want to see in the icon options:
    Enfold_Support_3369.jpeg
    then you will need to add more icons from fontello, please see our documentation for Adding your own Fontello or Flaticon Icons
    Enfold_Support_3371.jpeg
    You can only use black & white icons and must choose one from fontello, if they don’t have the one you want then need you will need to create it by finding an SVG and converting it on Fontello to create the icon font:
    converting_SVG_on_Fontello_to_create_a_icon-font.png The icon font will be black and white a colored SVG won’t work. But if you find a png with a transparent background then you can convert it here.

    Best regards,
    Mike

    #1419933

    I don’t get it. I tried a few times with different softwares and nothing.

    It appears the following warning: If the image looks not as expected please convert to compound path manually. See wiki.
    Skipped tags and attributes: fill, stroke

    Any help?

    #1419943

    Hi,
    Where are you seeing this error? Fontello when you try to add a SVG?
    If you can’t create a SVG that fontello will take then try using the convert site I linked to and convert a PNG to SVG
    PLease remember that you can’t use a colored image, it must be black & white.
    Try seeing this thread: fixing SVG icons on icomoon before Fontello

    Best regards,
    Mike

    #1420047

    Hi,
    Yes, when I try to add an svg to fontello.
    I also tried what you said, convert png to svg. And nothing.
    The images are black and white.
    Honestly, I don’t know what is happening.

    #1420103

    Hi,
    Can you link to the png image here so we can try?

    Best regards,
    Mike

    #1420312

    There are three.

    You can check the link below.

    #1420323

    Hi,
    I first converted your PNG to SVG at this site.
    Then I followed the steps in this thread to convert the SVG into a safe SVG
    Then I uploaded the SVG to Fontello to make the icon font.
    Then I imported the Fontello zip to my Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager
    and now they show in my icon element:
    Enfold_Support_3470.jpeg
    I linked to the Fontello zip below that I created for you to try.

    Best regards,
    Mike

    #1420453

    Now it works!
    My God, what a headache!

    Thank you so much, Mike!

    #1420644

    Hi ijnavas,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Number of social media icons’ is closed to new replies.