How to create different list styles

  • Resolved SureAqua

    (@sureaqua)


    10 years, 7 months ago

    I would like to create a number of different list style and place them in posts. In particular, I would like to have the following types

    Numbers
    ticks (green)
    Crosses (red)
    small square
    small circle
    bullet

    Ideally, I would I would like a 1.5 line spacing, indented and tabbed

    What would the CSS code be to added in the CSS Style sheet raindrops for posts & pages.

    thanks Robert

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter SureAqua

    (@sureaqua)

    One more thing,

    What would be the code to be used in the post to differentiate each list?

    Theme Author nobita

    (@nobita)

    Please see

    https://www.w3schools.com/css/css_list.asp

    Example

    entry content

    <ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Coffee</li>

<li>Tea</li>
<li>Coca Cola</li>

    when write style.css

    .entry-content .a{
	list-style-type: circle;
}
.entry-content .b {
	list-style-type: square;
}

    when custom field name ‘css’

    .a {list-style-type: circle;}
.b {list-style-type: square;}

    Theme Author nobita

    (@nobita)

    It was after about two weeks, and then change the resolved because there is no answer, especially

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to create different list styles’ is closed to new replies.