How to add links to the Block-Social (Siotis)

Hi
 
In the Siotis theme there is a social block static block with rollover images. How do i add links to the images ?
This is the code in the block.

<div class=” block-social”>
<div class=”left-icon”>
<ul>
<li><a class=”facebook”> <span> Facebook </span></a></li>
<li><a class=”tiwter”> <span> Twitter </span></a></li>
<li><a class=”google”> <span> Google </span> </a></li>
</ul>
</div>
<div class=”right-text”>Please Follow us for news and discounts !</div>
</div>

Thank you 

5 answers

Profile photo of Ziven Staff 100280.00 $tone April 28, 2015
Public

@Adrian,
Ops. The code have missing some thing and not right like markup html. Please try change like this.

<div class=” block-social”>
<div class=”left-icon”>
<ul>
<li><a class=”facebook” href="#"> <span> Facebook </span></a></li>
<li><a class=”tiwter” href="#"> <span> Twitter </span></a></li>
<li><a class=”google” href="#"> <span> Google </span> </a></li>
</ul>
</div>
<div class=”right-text”>Please Follow us for news and discounts !</div>
</div>

 
Good Luck

#1
Profile photo of adrian worsfold 20.00 $tone April 30, 2015
Public

Hi 
 
Thanks for the reply. 
I tried your update but once i click save the code changes to this.
 
<div class=”&rdquo;”>
<div class=”&rdquo;left-icon&rdquo;”>
<ul>
<li><a class=”&rdquo;facebook&rdquo;” href=”#”> <span> Facebook </span></a></li>
<li><a class=”&rdquo;tiwter&rdquo;” href=”#”> <span> Twitter </span></a></li>
<li><a class=”&rdquo;google&rdquo;” href=”#”> <span> Google </span> </a></li>
</ul>
</div>
<div class=”&rdquo;right-text&rdquo;”>Please Follow us for news and discounts !</div>
</div>
 

#2
Profile photo of Mall Staff 184060.00 $tone May 1, 2015
Public

Hi adrian worsfold,
You need to change the Editor to HTML mode before editing the content of this Block.
Also, please provide me the admin credential of your site. we will check further your site and help you on this configuration.
Regards,
Mall.
 

#3

Please login or Register to Submit Answer

Written By

Comments