• Creator
    Topic
  • #8186

    Spiros Doikas
    Spectator

    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?

Viewing 4 replies - 11 through 14 (of 14 total)
Replies
  • Roman
    Keymaster
    Post count: 2711
    #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
    Post count: 49
    #8805 |

    This was the result:

    gqsv.png

    Roman
    Keymaster
    Post count: 2711
    #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
    Post count: 49
    #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.

    j93f.png

Viewing 4 replies - 11 through 14 (of 14 total)

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