— — — —— — —
×
— —— —
— — — —— — —
×
— —— —
— — — —— — —
×
— —— —
← view full thread · CSS Assistance Requesting and Sharing
I know this has been asked and answered in 2 different posts already. But I still fail to understand how I can edit the order of my lists. :(
On the old ani list site this was the code that I used
#lists {display: flex;flex-direction: column;}
#Watching {order: 1;}
#Completed {order: 2;}
#CompletedOVA {order: 3;} /custom list 4/
#Completedmovies {order: 4;} /custom list 5/
#Fulfillingromance {order: 5;} /custom list 1/
#Animethatmademecry {order: 6;} /custom list 2/
#On-Hold {order: 7;}
#Dropped {order: 8;}
#Plantowatch-romance {order: 9;} /custom list 3/
#PlanToWatch {order: 10;}
If anybody could help me I would be grateful.
First off you can stop the hash mark from turning your line into a header by prepending a \ before the hash mark.
To answer your question, the old HTML for anime lists had specific IDs for custom lists so your fulfilling romance custom list had something like #Fulfillingromance as a CSS selector. In the current state, the only ID that your fulfilling romance custom list has is #completed which is shared by your completed, completed OVA, completed movies, and anime that made me cry lists.
Since we don't have any specific ID for each list the best you can really do to fix the issue for now is to use a unique selector. The drawback of this solution is that you don't have any guarantee that the order of the elements in #lists stays consistent.
As a side note I don't think it would be a particularly difficult fix by reimplementing the specific IDs for the custom lists and I've been meaning to ask Josh to see if he can do something about it. @Josh pls
