[Masaaki Onikata]

Hi, please can someone help?

I would like to apply lower-case alphabet to the “ol” list tag.

If I use the “ol” tag, I currently get:

1. Lorem Ipsum
2. Lorem Ipsum
3. Lorem Ipsom

(Lorem Ipsum is arbitrary text.)

I would like to change it to:

a. Lorem Ipsum
b. Lorem Ipsum
c. Lorem Ipsum

I have tried putting the following code in my CSS:

ol.(class) {
list-style-type: lower-latin;
}

I have also typed the following in the html:

1. Lorem Ipsum
2. Lorem Ipsum
3. Lorem Ipsum

/ol>

Unfortunately, I ended up with the following on the web page:

1. Lorem Ipsum
2. Lorem Ipsum
3. Lorem Ipsum

It seems like what I have entered in my CSS is being overridden by the original CSS, but I do not know what needs to be done to correct it.

Please can someone help?

[tikaram]

@onikata: login to your WordPress Admin section. Go to Appearance => Customize => Additional css and add the following css.

ol {
    list-style: lower-latin;
}

Let me know if this resolves your issue.

Regards,
Tikaram

[Author]

Posts