Return to previous page

Topic: FOOTER

bazarcollective

Participant

October 24, 2015 11:45 am

Hi guys ive ran into some footer problems ive been trying to re-create this footer (see attached picture) but cant seem to figure out how to horizontally align my social icons or add the little line between the social icons and the subscribe form. i also need help adding the page links below the icons/form. ive already created some of the pages id like to link there (faqs,term&conditions,shipping info, etc) ive attached a picture aswell as my credentials hoping you can help w this. thanks so much in advance!
Site URL: hidden
Theme version: 2.3
WooCommerce version: 4.3.1

Content is visible for topic creator and
support staff only.

#95875 copied to clipboard

Like
Eva Kemp

Support staff

October 26, 2015 10:14 am
Hello,

Your social icons are shown vertically because you’ve added them vertically in your static block.
Try to use this code in Theme Options > Custom CSS > Custom CSS for desktop:

.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center { width: 20px; display: inline; }

Add your links using Text element in Visual Composer editor.

Regards,
Eva Kemp.
#95972 copied to clipboard

Like
bazarcollective

Participant

October 26, 2015 2:57 pm

Hello Eva
Thanks for your reply.
Ive added the code to my style sheet. How can i add the small vertical line between the icons and subscribe form.
thanks

#96058 copied to clipboard

Like
Robert Hall

Support staff

October 26, 2015 3:09 pm
Hello,

Please try to add this code in Global Custom CSS.

.soci-icons2{ border-right: 1px solid #000; }

Regards,
Robert Hall.
#96067 copied to clipboard

Like
bazarcollective

Participant

October 26, 2015 5:34 pm

Thanks guys! will try to get my links up now. How would i go about doing that in VC? Is it a row then text element? how would i insert the lines that seperate the links?

#96105 copied to clipboard

Like

Eva Kemp

Support staff

October 26, 2015 6:01 pm

Hello,

You can use Text element and write this code <a href="#">Your text here</a>, you should write a page link instead of #.

Regards,
Eva Kemp.

#96113 copied to clipboard

Like