[Tanya Howie]

Right now the unordered list is all circles, no matter how many indents there are and then Ordered list is all numerical, on all indents. How do I change my list style in customize CSS to the following:

ORDERED

1. Test 123
2. Test 123
a. Test 123
b. Test 123
c. Testing 123
i. Testing 123
ii. Testing 123
iii. Testing 123

UNORDERED

•(circle) Test 123
•(circle) Test 123
o(open circle) Test 123
o(open circle) Test 123
o(open circle) Testing 123
 (solid square) Testing 123
 (solid square) Testing 123
 (solid square) Testing 123

[Skandha]

@thowie: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[Tanya Howie]

This is an internal intranet site with no access from the outside. Here is a link to a screenshot.
https://www.dropbox.com/s/tq4msx2e2azvrj5/Screen%20Shot%202020-04-14%20at%206.24.38%20AM.png?dl=0

I also uploaded a txt file of the code here: https://www.dropbox.com/s/xyfqecbpa7nnpp3/li%20file.txt?dl=0

I tried changing in the page: <li style=”list-style-type: none;”> to <li style=”list-style-type: square;”>, but it only changed the first bulleted item

[Tanya Howie]

Help?

[Skandha]

@thowie: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

li > ul {
	list-style:cirlce;
}
li > ul > li > ul {
    list-style: square;
}

Let me know if this works out!
Kind Regards,
Skandha

[Tanya Howie]

That works, thanks. To continue on with this, a couple more things:

For the unordered list you how do I add more; another level after square? Example lower-roman type.

Then how do I do the “ordered” number list like in my example above? First would be Numerical (1,2,3), the second lever would be lower-alpha, then third level lower-roman numerals.

For the ordered list, I’m not understanding the CSS on how WordPress will differentiate between an ordered list and a non-ordered list. In WordPress when I click the Ordered button I want it to take on the CSS list-style I create for numbers and then when I click the bulleted button in WordPress to take on the list style of the unordered list like the example you provided above.

Hopefully, this makes sense 🙂

[Tanya Howie]

I was wrong the code you suggested above worked on a few areas on the site. What I’m noticing is in the code that when I have List-style-type: none at the beginning, then your suggestion works:

This doesn’t work:
`

• fdsfdsfd
• hszghfgh
  • hkfhsffaf
• Addjfkajdkfjkd
• fdasgagfgwefgd
• gadfdfdFdnhathazh

[Tanya Howie]

Ignore that post above me putting the code in is not working….going to submit again

[Tanya Howie]

I was wrong the code you suggested above worked on a few areas on the site. What I’m noticing is in the code that when I have List-style-type: none at the beginning, then your suggestion works:

This doesn’t work:
`

• fdsfdsfd
• hszghfgh
  • hkfhsffaf
• Addjfkajdkfjkd
• fdasgagfgwefgd
• gadfdfdFdnhathazh

[Tanya Howie]

I’m obviously struggling this am…here is a link to drop-box code. Within the text file is code that is working and code that is NOT working. The only defining difference is the list-style-type none

https://www.dropbox.com/s/50he9vxsbi4bfws/list%20styles.txt?dl=0

Thank you for your patience with me having technical issues. I tried to delete the messages that weren’t appearing correct but I couldn’t delete them.

[Author]

Posts