How to align the Social Share widget icons on form?

I'm using the Social Share widget, and do not want the background to be the same shade as the form itself (it looks quite awkward using the Jot Theme). Can I make it plain white? If so, how?

Thanks!

Hi,

Fixed now. I have set the background to transparent. Kindly check.

Cheers!

Yes, it is fixed! One other minor question. As of now, it doesn't seem that the widget can be center on to the form. I see the option to align, and I have it set to "center" but it's still left justified. The same link above shows this. Is it possible to change that?

Hello harvardiop,

I did check the "SocialShare" widget and it seems the "Align" property is not working. Changing the alignment does not make any changes to the placement of icons. I am reporting this to our back end team. We will get back to you as soon as this issue is fixed.

For now, I have used the "Shrink" feature to shrink the widget and added the following custom css code in your form to add the left margin of the widget to make it appear center aligned:

div#cid_160 {

margin-left: 186px !important;

}

Hope this helps.

Do get back to us if you have any questions.

Thank you!

@harvardiop

Hi I just want to inform you that the social share widget alignment is now possible. But in order to set the proper alignment there is a prerequisite.

Set the alignment of the 'label' to 'top' as simple as that. This will ensure that the alignment of the widget will be applied. Try it yourself and let us know the outcome. 

Regards

Yes, that worked! Thank you!

@harvardiop

Glad to hear it. Should you have any other questions or concerns, feel free to open a new thread.

Cheers!