How can I add custom Social Media icons/links?

  • Profile Image
    CashAngels
    Asked 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.

  • Profile Image
    cvelekv
    Answered on January 24, 2016 at 04:36 PM

    Hello,

    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.

    Thank you.

  • Profile Image
    CashAngels
    Answered on January 24, 2016 at 05:48 PM

    Is it possible for me to use my own social images?

  • Profile Image
    cvelekv
    Answered on January 24, 2016 at 06:36 PM

    Hello,

     

    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.

    Thank you.

     

  • Profile Image
    CashAngels
    Answered on January 24, 2016 at 06:47 PM

    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?

  • Profile Image
    cvelekv
    Answered on January 25, 2016 at 01:53 AM

    Hello,

     

    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.

  • Profile Image
    Carina
    Answered on January 25, 2016 at 09:18 AM

    @cvelekv
    Thank you for your suggestions. 

    @CashAngels
    If you need assistance please let us know.

  • Profile Image
    CashAngels
    Answered on January 25, 2016 at 09:21 AM

    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?

    div#cid_12 {

        margin-left: -58px;

    }

    div#cid_14 {

        margin-left: -85px;

    }

  • Profile Image
    Carina
    Answered on January 25, 2016 at 10:30 AM

    As you have several threads opened this question will be answered here:

    http://www.jotform.com/answers/755051 

    Please avoid opening several threads regarding the same situation. 

    Thank you