Jump to content

Archived

This topic is now archived and is closed to further replies.

Aires

Font Awesome CSS

Recommended Posts

Aires

I am trying to add some font awesome icons in the front of my post and forum titles but I cant get them to show.

 

http://i.imgur.com/DxjBu5H.png

 

Is there something from with my css

 

h1.entry-title:before {
   content: '\f030'; /*camera*/
   font-family: 'Font-Awesome';
   display: inline-block;
  padding: 12px;
  background: rgba(0,0,0,0.75);
  color: #c0282d;
  margin-right: 11px;
}
 
Thanks in advance.

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Aires

Ignore this I figured it out.

 

The dash between the font awesome was the issue.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny

Try this:

 

h1.entry-title:before {
   content: '\f030';
   font-family: 'PageLinesFont';
   display: inline-block;
  padding: 12px;
  background: rgba(0,0,0,0.75);
  color: #c0282d;
  margin-right: 11px;
}
 
Also, you will need to add this code to a child themes style.css or style.less file, as the built-in editor strips out all / \ etc.. as it is mean't for simple CSS/LESS changes.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Aires

 

Also, you will need to add this code to a child themes style.css or style.less file, as the built-in editor strips out all / \ etc.. as it is mean't for simple CSS/LESS changes.

 

 Thanks Danny.  


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites

×