Example List Design
If you do not want to write your own CSS or are looking for a starting point for your list design, you can try out this example.
This example list design can only style your score. If wish to include additional information (e.g. tags) in your lists, then you need to make additional changes to the CSS yourself.
1. Switch to Classic mode
First, go into List Style Designopen_in_new and click on Classic template.
2. Create advanced CSS list design
After enabling Classic template, you can then go into Advanced CSS List Design and create a new Advanced CSS List Design.
Next paste the following code into the textbox and click Save.
/* Settings > List Style Design > Advanced CSS List Design */
@\import 'https://malcovercss.link/example-covers.css';
body{}
Want to make your own customizations?
Alternatively, you can copy/paste the contents of example-covers.cssopen_in_new into the custom CSS textbox and make your own changes to the example list design. Don't forget to escape the @\import
with a slash.
3. Set your anime/manga list style to use your new design
Finally, follow the link in the notice MyAnimeList showed you in the previous step to go into your List Style settings and set your anime/manga lists to use your new design.