Copy link to clipboard
Copied
Hi, all. A client of mine is insisting on having an ordered list other than what I have set up in my template.
Current:
1.
a.
i.
Need to create (see bolded items):
1.
a.
1)
a)
Please advise what I need to do either in RH8 or in my .css to include the two new subsetted lists.
Thank you!
DOD
Copy link to clipboard
Copied
The first two are standard and probably don't need any attention.
So create a third sublist with:
ol > ol > ol {
bold & paren number, etc. }
...and a fourth sublist with:
ol > ol > ol > ol {
bold & paren alpha, etc. }
These "ol >" child selectors apply only to immediate children of the element. That is, the fourth sublist will follow your chosen styles only if it follows three previous ol lists, in order. However, if you include anything in between (a ul list or some <p> paragraphs), you'd probably want to eliminate the ">"operators and go with descendant selectors.
For example:
ol ol ol ol {
bold & paren alpha, etc. }
...means that the fourth sublist will follow your chosen styles if it follows three previous ol lists, whether or not there are any other tags between any of the "ol"'s.
Good luck,
Leon
Copy link to clipboard
Copied
I have no idea what that translates to for the .css. Would you mind turning that into something I can paste into the template? Here's the current OL info:
OL {
font-family: Arial;
font-size: 11pt;
margin-top: 0px;
margin-bottom: 0px;
}
Thanks for your help!
Copy link to clipboard
Copied
Set the CSS styles for each layer of list/sublist (font, margin, etc.).
OL {
font-family: Arial;
font-size: 11pt;
margin-top: 0px;
margin-bottom: 0px;
}
OL OL {
font-family: Arial;
font-size: 11pt;
margin-top: 0px;
margin-bottom: 0px;
}
OL OL OL {
font-family: Arial;
font-size: 11pt;
margin-top: 0px;
margin-bottom: 0px;
}
OL OL OL OL {
font-family: Arial;
font-size: 11pt;
margin-top: 0px;
margin-bottom: 0px;
}
See the CSS Tutorial at the W3Schools web site for more info, and probably get yourself a book (I use one by Richard York).
Good luck,
Leon