Hello there,

1)Basically the easiest way to achieve this is with a little workaround like I have done for you on a page with insertin row with 2 columns directly inside of holder:

http://girlsgonewine.life/ggw-contact-test/

2)You can use some of the CF7 Custom styles

You can set options for style of your choose in Elated Options>Contact Form 7>Custom Style 1(Please edit same style you have selected in shortcode on a page):

3)You can change dots to some other color in the footer by adding this code to Appearance > Customize > Additional CSS

.eltdf-footer-top-holder .eltdf-column-content.eltdf-grid-col-3:after {
    color: #f4524d;
}

4)You can set different colors for each icon with using Elated Social icon widget 3 times instead of using Elated Social Icons Group Widget one time in Apperance>Widgets>Footer Top Column 4:

Please let us know if there's anything else we can do for you!
Thank You,
Kind Regards,
Norah

Hello there,

1. We created this for you. Just added inner row in holder. You can use this element we created in your test page. Here is the video how you can do it: https://www.screencast.com/t/1RMLAxV1e

4. Try to paste this code in Appearance > Customize > Additional CSS:

.eltdf-social-icons-group-widget span.eltdf-social-icon-widget.fa.fa-instagram {
    color: #000;
}
.eltdf-social-icons-group-widget span.eltdf-social-icon-widget.fa.fa-facebook {
    color: #ccc;
}
.eltdf-social-icons-group-widget span.eltdf-social-icon-widget.fa.fa-linkedin {
    color: #000ddd;
}

Just change the color how you like it. 

Let us know if you have any other questions!

Best regards,

Marie

Hi there,

You're welcome!

Best regards,

Marie