Jump to content
Sign in to follow this  
elunday

Use icon from Icon Font for a bullet in widgets

Recommended Posts

elunday

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!

Share this post


Link to post
Share on other sites
James B

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);}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
elunday

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. 

Share this post


Link to post
Share on other sites
James B

You're welcome :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×