Inline Social Icons

[jasonmwestbrook]

Hi….

How would I make my social icons inline on this page? Thanks so much in advance!

[Laura]

Hello, try by adding this to the gear ( page css ) of visual composer at the page editor

COPY CODE

.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center.vc_icon_element-have-style {
    float: left !important;
    margin-left: 20% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[jasonmwestbrook]

Tha worked great. One last request. How would I control the distance betweens the icons so they are closer? CSS snippett?

[Laura]

Hello, for that i would need o edit the page with visual composer, can you share access? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[jasonmwestbrook]

Laura,
Thanks for the help.

http://www.missiondemos.com/jason/mission

jsun
Jwe$tbr00kis100%awesome

I am trying to make them responsive on all devices, inline and be able to control the distance between the icons. Hope that helps!

[Laura]

Hello, password seems incorrect, please let me know 🙂 Sorry for the delay

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[jasonmwestbrook]

my apologies….try this again. it’s updated.

http://www.missiondemos.com/jason/mission
jsun
Jwe$tbr00kis100%awesome

[Laura]

Hello, this would require more changes to the layout and css of the page, i suggest to hire a developer or add an icon at a column next to each other to create that style.

Please let me know if you need anything else 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts