Jump to content


Photo
- - - - -

Use icon from Icon Font for a bullet in widgets


Best Answer James B , 10 July 2013 - 01:36 AM

Hi there,

 

The easiest way to do this with css would be to use an image of the icon instead of the actual font awesome code. I've it with the font awesome code but it doesn't seem to work. The code below would work to insert an image before each post to give a bullet effect.

 

.fbf_facebook_page_widget li *:before {content: url(your full image url.jpg);}

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 elunday

elunday

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 10 July 2013 - 12:29 AM

Good evening! I'm working on upgrading my website at lunday.com.

 

For the widgets (such as the Facebook Feed Widget in the MoreFoot sidebar--see the middle of the homepage), I would like to use one of the icons from the Pagelines Icon Font as bullets. 

 

I'm sure there is a not-too-hard way to do this in custom code, but I can't seem to get my head around it. I also downloaded the Icon Font Shortcode plugin but I can't figure out how to use it in this case. 

 

Any tips? Thank you!



#2 James B

James B

    Advocate

  • Moderators
  • 4993 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 July 2013 - 01:36 AM   Best Answer

Hi there,

 

The easiest way to do this with css would be to use an image of the icon instead of the actual font awesome code. I've it with the font awesome code but it doesn't seem to work. The code below would work to insert an image before each post to give a bullet effect.

 

.fbf_facebook_page_widget li *:before {content: url(your full image url.jpg);}



#3 elunday

elunday

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 10 July 2013 - 02:24 AM

Thank you, James. I used your code and that will do the trick. I was making this too complicated with the cool font package!

 

Thanks again. 



#4 James B

James B

    Advocate

  • Moderators
  • 4993 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 July 2013 - 10:26 PM

You're welcome :-)