• Closed
• Spiros Doikas

  Spectator

  December 15, 2013 at 8:21 am #8186

  

  They render only if one assigns them a custom style like

  Quote:

  <ul class=”list-icon circle-yes list-icon-arrow”>

  Perhaps it would be a good idea to have a default style assigned to them in css? How could I do that for plain UL, i.e. add the above style?

Roman
Spectator
Posts: 3147
December 18, 2013 at 9:21 pm #8798

try this:
Code:
.post-content ul li:before {
content:’\f105′;
font-family: FontAwesome;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
border-radius: 75px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
font-size: 9px;
text-align: center;
display: inline-block;
float: left;
font-style: normal;
font-weight: normal;
height: 18px;
line-height: 18px;
margin: 0 0 15px;
padding: 0 0 0 25px;
margin-right: 0;
text-decoration: inherit;
width: 18px;
}
Spiros Doikas
Spectator
Posts: 48
December 19, 2013 at 12:34 pm #8805

This was the result:

Roman
Spectator
Posts: 3147
December 19, 2013 at 2:30 pm #8807

this will work. I tested it:
Code:
.post-content ul li:before {
content:’\f105′!important;
font-family: FontAwesome;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
border-radius: 75px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
font-size: 9px;
text-align: center;
display: inline-block;
float: left;
font-style: normal;
font-weight: normal;
height: 18px;
line-height: 18px;
margin: 0 15px 0 0;
padding: 0;
text-decoration: inherit;
}
Spiros Doikas
Spectator
Posts: 48
December 21, 2013 at 2:41 pm #8826

This was the result (first list). Note in the second list below I use the
Code:
<ul class=”list-icon circle-yes list-icon-arrow”>
style which renders fine.

The topic Plain ul items not rendering is closed to new replies