• 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 16, 2013 at 5:23 pm #8756

    have you try the simplest way?

    Code:
    <ul>
    <li>Item #1</li>
    <li>Item #2</li>
    <li>Item #3</li>
    </ul>

    or

    Code:
    <ol>
    <li>Item #1</li>
    <li>Item #2</li>
    <li>Item #3</li>
    </ol>
    Spiros Doikas
    Spectator
    Posts: 48
    December 16, 2013 at 6:24 pm #8767

    Yes, this is the default (i.e. via using the wordpress editor option), but does not render anything (i.e. no bullet or extra spacing) unless I add an extra style for plain ul. The question is, hot to apply to plain UL the style that is applied with the aforementioned shortcode.

    Quote:
    <ul class=”list-icon circle-yes list-icon-arrow”>
    Roman
    Spectator
    Posts: 3147
    December 16, 2013 at 7:57 pm #8771

    insert in Custom CSS field:

    Code:
    .post-content ul {list-style-type:square;}
    Spiros Doikas
    Spectator
    Posts: 48
    December 16, 2013 at 8:10 pm #8776

    Tried it, no effect. What I added for a plain bullet that worked was:

    Code:
    ul {
    list-style: disc;
    }
    Roman
    Spectator
    Posts: 3147
    December 17, 2013 at 10:09 am #8781

    you found it yourself 🙂

    Spiros Doikas
    Spectator
    Posts: 48
    December 17, 2013 at 11:18 am #8782

    Yep, but I want to add one of your custom (shortcode) styles by default, how can I do that?

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

    The css file was too complex.

    Roman
    Spectator
    Posts: 3147
    December 17, 2013 at 2:11 pm #8787

    I am not sure, what you mean. You want to change the shortcode, or?

    Spiros Doikas
    Spectator
    Posts: 48
    December 17, 2013 at 5:05 pm #8793

    No. I want the plain UL class to have the same style as the style of that shortcode class.

    I.e. see here http://www.siderman.gr/links/

    Code:
    <ul class=”list-icon circle-yes list-icon-arrow”>
    <li><a href=”http://www.metaixmio.gr/author/2846-.aspx&#8221; target=”_blank” rel=”nofollow”>Μεταίχμιο</a></li>
    <li><a href=”http://www.kastaniotis.com/author/243&#8243; target=”_blank” rel=”nofollow”>Καστανιώτης</a></li>
    <li><a href=”http://futura-books.blogspot.gr/2007/08/blog-post_24.html&#8221; target=”_blank” rel=”nofollow”>Futura</a></li>
    </ul>

    I have used the above class. I would want to have the same effect with plain ul, i.e.

    Code:
    <ul>
    <li><a href=”http://www.metaixmio.gr/author/2846-.aspx&#8221; target=”_blank” rel=”nofollow”>Μεταίχμιο</a></li>
    <li><a href=”http://www.kastaniotis.com/author/243&#8243; target=”_blank” rel=”nofollow”>Καστανιώτης</a></li>
    <li><a href=”http://futura-books.blogspot.gr/2007/08/blog-post_24.html&#8221; target=”_blank” rel=”nofollow”>Futura</a></li>
    </ul>
    Roman
    Spectator
    Posts: 3147
    December 18, 2013 at 10:37 am #8795

    try insert this in Custom CSS:

    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;
    }
    Spiros Doikas
    Spectator
    Posts: 48
    December 18, 2013 at 11:41 am #8796

    The effect of that was just this (the > symbol):

    8a3u.png

Viewing 10 replies - 1 through 10 (of 14 total)