• I made a child theme for Twenty Seventeen. In one of my pages I use

      and
      but the both show up as standard numbers (1,2,3). How do I make is show a,b,c or i,ii,iii like it is suppose to?
Viewing 3 replies - 1 through 3 (of 3 total)
  • please post your used code correctly – see https://codex.www.ads-software.com/Forum_Welcome#Posting_Code

    seems that by default, and via the style.css of the theme, the ‘decimal’ style is set.

    using the ‘text’ setting of the editor, you could add a style to the ol tag; example:

    <ol style="list-style-type: lower-roman;">
     	<li>line one</li>
     	<li>line 2</li>
     	<li>line 3</li>
    </ol>

    Another approach — put this in the child theme’s style.css or in the Appearance / Edit CSS window.

    ol.lower-alpha {
    list-syle-type: lower-alpha;
    {
    
    ol.lower-roman {
    list-style-type: lower-roman;
    {

    Then in you pages when you want to use lower alpha, use the class you want for the ol.

    <ol class="lower-alpha">
      <li>item</li>
      <li>item</li>
      <li>item</li>
    </ol>
    
    <ol class="lower-roman">
      <li>item</li>
      <li>item</li>
      <li>item</li>
    </ol>

    Correction to the CSS–change each last opening curly bracket to a closing curly bracket! Duh!

    ol.lower-alpha {
    list-syle-type: lower-alpha;
    }
    
    ol.lower-roman {
    list-style-type: lower-roman;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘ol list type not showing properly’ is closed to new replies.