Return to previous page

Information line - by DaphneO - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Eva Kemp

DaphneO

Participant

November 11, 2015 at 21:26

hello,
I would like to create in my “home page”
the same line you have in the demo just above the footer. ( with 3 icons and 2 sentences & separations lines between them )

I understand that, in the visual composer, i need to create a row with text in “home page” the place i want but can i ask you the codes for it?

I would like:
on the left, Facebook, pinterest, rss & instagram icons
then 2 sentences like in your demo.

Thank you very much.

#98957 Copied Theme version: Legenda

8 Answers
Eva Kemp

Participant

November 11, 2015 at 21:35
Hello,

You can use this code in Text element in VC editor:

<div class="custom-info-block a-left"><span>Follow Us:</span> <a href="#"><i class="icon-facebook"> </i></a> <a href="#"><i class="icon-pinterest"> </i></a> <a href="#"><i class="icon-rss"> </i></a></div> <div class="custom-info-block a-center"><a href="#">Check Out Our New WordPress Theme !</a></div> <div class="custom-info-block a-right"><a href="#">Our Support Is Online 24/7 <span>Support Chat</span></a></div>

Regards,
Eva Kemp.
#98962 Copied
Robert Hall

Participant

November 11, 2015 at 21:37
Hello,

You need add the Text widget with following code to Prefooter Row (Appearance->Widgets).

<div class="custom-info-block a-left"><span>Follow Us:</span> <a href="#"><i class="icon-youtube"> </i></a> <a href="#"><i class="icon-twitter"> </i></a> <a href="#"><i class="icon-facebook"> </i></a> <a href="#"><i class="icon-rss"> </i></a></div> <div class="custom-info-block a-center"><a href="#">Check Out Our New WordPress Theme !</a></div> <div class="custom-info-block a-right"><a href="#">Our Support Is Online 24/7 <span>Support Chat</span></a></div>

Regards,
Robert Hall.
#98964 Copied
DaphneO

Participant

November 12, 2015 at 14:21

Thank you very much it works now.

another question about the icons however:

They are now appearing but small and they are not clickabily.
1. How can I make them bigger and grey
–> Exactly like the ones before the footer in your demo here:
https://www.8theme.com/demo/legenda/shop/

2. How can I link them to an url that will open in a new window?

Thank you very very much

#99090 Copied
Robert Hall

Participant

November 12, 2015 at 14:41
Hello,

Please use this code in custom.css

.icon-facebook, .icon-pinterest, .icon-instagram{ font-size: 24px; margin-left: 10px; color: #d2d2d2; position: relative; cursor: pointer; top: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .custom-info-block a i:hover{ color: #ed1c2e; }

To make them clickabily you need edit code above and put link there, for example
<a href="http://theeventry.com/"><i class="icon-rss"> </i></a></div>
Regards,
Robert Hall.
#99099 Copied
DaphneO

Participant

November 12, 2015 at 15:52

Unfortunately,
somehow I can’t do it right.

Might I ask you to take a look?
I wrote you my access codes in private.

Thank you very much for your patience.

Please, contact administrator
for this information.

#99120 Copied

Eva Kemp

Participant

November 12, 2015 at 20:46

Hello,

I’ve removed the code you added in home page and added Text widget with the code into “Prefooter area” in Appearance > Widgets: http://storage9.static.itmages.com/i/15/1112/h_1447357524_4156512_9f0c1759bb.png

To make the icon clickable you need edit the code <a href="#"><i class="icon-facebook"> </i></a> and write url to your Facebook account instead of #, for example <a href="http://facebook.com/"><i class="icon-facebook"> </i></a>.

Regards,
Eva Kemp.

#99175 Copied

DaphneO

Participant

November 13, 2015 at 16:49

Perfect!
Thank You!

#99324 Copied

Eva Kemp

Participant

November 13, 2015 at 17:30

Hello,

You’re welcome.

Regards,
Eva Kemp.

#99332 Copied
Viewing 9 results - 1 through 9 (of 9 total)