JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I add custom Social Media icons/links?Asked by CashAngels on January 24, 2016 at 02:34 PM
Hello, I see that I can add a social media link to my contact form, such as Facebook. However, I am trying to add 10 social media links and would like to know whether its possible to add all of them onto the same line. When I add the social media links, they are posted on each separate line. Can 10 be added to the same line? Thank you.
If it works for you, you can use our widgets (Social share):
You can choose which of the most popular widgets you want to show, and they will be in one row:
Red arrow pointing to settings regarding the social media links that will appear, and blue error to settings specific to a form, width, height, alignment etc.
Please let me know if this helps and if this is what you actually wanted.
Is it possible for me to use my own social images?
If you want to use your own, maybe you could do with Image tool, as a workaround.
So, you add images to your form, and you shrink them by clicking the Settings button-Shrink on each image:
When you shrink them, you can go to each image and use settings button again and Edit Properties.
There you are able to set up image link, image source, width, height etc.
So you can make custom images with links to your social media and shrink them as you wish, so you can make them in one line easily.
Please let me know if that works for you.
It does not work. Even when you make the social media icon small, there is still a white box around the social media link. So when you make the next social media icon, it also creates a white box around it. The two white boxes cannot overlap and there needs to be a distance between each. Is there a solution to this?
A workaround for that issue is using images that are in PNG image format, so their background is transparent and you will not see white box around them or anything. If you are making your own custom images, make sure they are in that format, without background.
Please see below, I used custom PNG images from internet as my social media icons, and I put gray background in purpose of showing their transparency:
Please let me know that could work for you.
Thank you for your suggestions.
If you need assistance please let us know.
Another support person told me that its possible to edit the Custom CSS of the image with the text below. I know how to edit the Custom CSS for an entire form but how do you edit the Custom CSS for an image?
As you have several threads opened this question will be answered here:
Please avoid opening several threads regarding the same situation.