-
AuthorPosts
-
September 15, 2023 at 4:46 pm #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!
September 16, 2023 at 9:16 pm #1419353Hey 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; }
Best regards,
MikeSeptember 18, 2023 at 12:41 pm #1419465Thank you, Mike!
And how about adding icons that did not appear?
September 18, 2023 at 1:05 pm #1419466Hi,
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,
IsmaelSeptember 18, 2023 at 4:33 pm #1419485Thank you, Ismael. I will try it.
One more question. Where do I have to insert the previous code?
September 18, 2023 at 5:43 pm #1419489Hi,
Try adding the CSS in the Enfold Theme Options ▸ General Styling ▸ Quick CSS fieldBest regards,
MikeSeptember 18, 2023 at 9:58 pm #1419509Thank you, Mike!
Ismael, the icons I want to upload are not there. How can I add my own icons?
September 19, 2023 at 5:39 am #1419527Hi,
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,
IsmaelSeptember 19, 2023 at 4:56 pm #1419602Hi 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.September 19, 2023 at 6:18 pm #1419611Hi,
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:
If you don’t see the icon you want to see in the icon options:
then you will need to add more icons from fontello, please see our documentation for Adding your own Fontello or Flaticon Icons
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:
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,
MikeSeptember 21, 2023 at 4:30 pm #1419933I 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, strokeAny help?
September 21, 2023 at 5:46 pm #1419943Hi,
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 FontelloBest regards,
MikeSeptember 22, 2023 at 2:41 pm #1420047Hi,
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.September 23, 2023 at 12:28 pm #1420103September 25, 2023 at 5:37 pm #1420312There are three.
You can check the link below.
September 25, 2023 at 7:26 pm #1420323Hi,
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:
I linked to the Fontello zip below that I created for you to try.Best regards,
MikeSeptember 26, 2023 at 2:43 pm #1420453Now it works!
My God, what a headache!Thank you so much, Mike!
September 27, 2023 at 3:39 am #1420644Hi ijnavas,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Number of social media icons’ is closed to new replies.