This topic is part of our CSS Tutorials and Add-ons section: https://myanimelist.net/forum/?topicid=2077862 Many ways to customize your tags :D Widen tags  Add this code to the bottom of your CSS to widen the tags. You can adjust the 200 number to change the width of your tags. For example 300px will give you really wide tags.
.list-table .list-table-data .data.tags {
width: 200px !important;
}
Coloring tags and changing the font size  You can change the color and size of the font with these codes. Just add them to the bottom and adjust them as needed. To change the font type, please see my fonts video first. https://www.youtube.com/watch?v=5IGsUjxjwnk You'll add any new font-changing codes on a new line under font-size but before the closing bracket. There's already an empty line there.
.list-table .list-table-data .data.tags a {
color: red !important;
font-size: 14px;
}Customizing individual tags (including with background images and background color)  These selector codes let you target individual tags on your list. You have to add these to the bottom and then change the number after #tags- in both codes. Change to the number that corresponds to the anime or manga you're trying to customize on your list. It will be the number that corresponds to the anime or manga when you hover over it on your list. You can also visit it's page and check the address bar/URL. .hack is anime #48, and these tag codes individually customize it. Bleach is anime #269, so if you wanted to customize the tags for that, you'd replace the 48 in both codes with 269. By default the font color and size is changed, and the background color is black, and the background image is a heart. You can change the color and background image (delete those lines if you don't want those features). You can also change contain to cover to have the background fill the entire tags square.
#tags-48{
background-color: black;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#tags-48 span a {
color: white !important;
font-size: 12px;
}Here's another example with just color changes. 
#tags-48{
background-color: beige;
}
#tags-48 span a {
color: red !important;
font-size: 12px;
} |
Shishio-kunFeb 21, 2023 10:04 AM
| is there any way to widen the entire list page or change the order of chapters / score / publisher etc? |
PRAY. DAMN MACHINE. PRAY FOR ME.  Manga Recommendations 📚 | Top Manga Panels 🖌️ | Fav AniManga Quotes 📜 |
Weebookey said: is there any way to widen the entire list page or change the order of chapters / score / publisher etc? It looks like you have CSS experience so These codes will color and control the table blocks and their width, the colors make it clear which block is which you can take them out after .list-container { position: relative; background-color: red !important; width: 1500px; } .list-block{ position: relative; background-color: orange !important; width: 1300px; margin: auto; } And then on this thread are the codes for the rest of the table's headers and cells https://myanimelist.net/forum/?topicid=1929120 You can pick them out and change them by copying them from here. To move them, you could use something like position: relative; left: 100px; for the cell you want to move (maybe position: absolute; as an alterative or margin-left: 100px;) but I would think it's going to get extremely messy moving those columns around. Let me know how it goes |
Shishio-kunMay 1, 2023 1:03 PM
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7817 |
by hideso
»»
44 minutes ago |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |