Return to previous page

FOOTER - by bazarcollective - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

bazarcollective

Participant

October 24, 2015 at 11:45

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!

Please, contact administrator
for this information.

#95875 Copied Theme version: 2.3 WooCommerce version: 4.3.1

5 Answers
Eva Kemp

Support staff

October 26, 2015 at 10:14
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
bazarcollective

Participant

October 26, 2015 at 14:57

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
Robert Hall

Support staff

October 26, 2015 at 15:09
Hello,

Please try to add this code in Global Custom CSS.
```
.soci-icons2{
    border-right: 1px solid #000;
}
```
Regards,
Robert Hall.
#96067 Copied
bazarcollective

Participant

October 26, 2015 at 17:34

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

Eva Kemp

Support staff

October 26, 2015 at 18:01

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
Viewing 6 results - 1 through 6 (of 6 total)