Adding icons to text widget


#1

Hi,
We would like to add icon to the wordpress text widget. Please refer to the site: http://74e.bdb.myftpupload.com/. The section having three columns:
KRISTO’S TRADITION
OUR TEAM
TESTIMONIALS

Or if its not possible to do with the wordpress widget is it possible to use any other widget and get the same look and feel.

Thanks
ST


#2

So you want to add icons like service items? Please advise.

Regards,
Kharis


#3

Hello Kharis,
Thanks and yes we want to add icons.

Please help and suggest.

Thanks
ST


#4

Hello there,

Please try adding this HTML code above your text.


<div style="text-align: center;">
  <div class="service">
    <div class="svg-container service-icon-svg">
      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 80 70">
        <g transform="translate(0,-982.3622)">
          <path d="m 41.863512,49.0007 -35.2397037,-2e-6 -17.6198503,-30.51848 17.6198533,-30.518478 35.2397037,2e-6 17.619851,30.518479 z" transform="matrix(1.1191385,0,0,1.1284347,12.867983,996.50622)"/>
        </g>
      </svg>
    	<span class="service-icon">
    		<i class="fa fa-home"></i>
    	</span>								
    </div> 
  </div>
</div>

To change the icon, replace fa-home class name with any icon class name of your choice. You can find it here http://fontawesome.io/cheatsheet/

Regards,
Kharis


#5

Hello Kharis,
Thanks I appreciate for your reply but it did not worked. I have tried to change the color also but still the icons are not showing. Changing color only shows the simple icon and not the full icon with blue background.

Please advice.

Thanks
ST


#6

Does your code look like this https://cloudup.com/c9cnsqwCF6U? Please kindly check.

Regards,
Kharis


#7

Hello Kharis,
Thanks and yes I have coded the site same in exact manner. Please how can I share my screenshot.

Regards
ST


#8

Hello Kharis,
Thanks a lot for all the help we have dropped the section entirely. Now we just want to know how can we show different images on individual page in the header.

Thanks
ST


#9

Hello there,

You can use Unique Headers plugin.

Regards,
Kharis


#10

Hello Kharis,
Thanks many many thanks I appreciate for all the help you have done.

Kind regards
ST


#11

You’re most welcome here!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis