-
Closed
-
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?
have you try the simplest way?
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ul>
or
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ol>
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.
insert in Custom CSS field:
Tried it, no effect. What I added for a plain bullet that worked was:
list-style: disc;
}
you found it yourself 🙂
Yep, but I want to add one of your custom (shortcode) styles by default, how can I do that?
The css file was too complex.
I am not sure, what you mean. You want to change the shortcode, or?
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/
<li><a href=”http://www.metaixmio.gr/author/2846-.aspx” target=”_blank” rel=”nofollow”>Μεταίχμιο</a></li>
<li><a href=”http://www.kastaniotis.com/author/243″ target=”_blank” rel=”nofollow”>Καστανιώτης</a></li>
<li><a href=”http://futura-books.blogspot.gr/2007/08/blog-post_24.html” 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.
<li><a href=”http://www.metaixmio.gr/author/2846-.aspx” target=”_blank” rel=”nofollow”>Μεταίχμιο</a></li>
<li><a href=”http://www.kastaniotis.com/author/243″ target=”_blank” rel=”nofollow”>Καστανιώτης</a></li>
<li><a href=”http://futura-books.blogspot.gr/2007/08/blog-post_24.html” target=”_blank” rel=”nofollow”>Futura</a></li>
</ul>
try insert this in Custom CSS:
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;
}
The effect of that was just this (the > symbol):
The topic Plain ul items not rendering is closed to new replies