This topic is part of our CSS Tutorials and Add-ons section: http://myanimelist.net/forum/?topicid=419405 Be gone! First of all, you probably know you can entirely remove the columns headed with Score, Rating, Tags, etc by going to this page and unchecking the box next to whatever column you want to remove. Make sure you save your changes at the bottom. http://myanimelist.net/editprofile.php?go=listpreferences To remove something in particular from your list, just find the section of your list's CSS that controls the part you want to remove. Add display: none; to it and it will be gone regardless of what else is there in the CSS. If it still didn't go, you can try display: none !important; to override all other codes. Remember anything else attached to that area will be gone too, like text on it. Any links that were on it will be gone, and you can interact with whats behind the object now. Say this was the code I wanted to remove with display: none;. It controls my Currently Watching header: .header_cw { background:black url(http://i39.tinypic.com/14xdpiu.jpg) no-repeat scroll center bottom; color:gold; } I would add it like this (see it in bold): .header_cw { background:black url(http://i39.tinypic.com/14xdpiu.jpg) no-repeat scroll center bottom; color:gold; display: none; } This is before adding the code, .header_cw: is the pic at the top with the K-on! beach setting. This is after the code, now we can see Mio was in the background behind the header! Just wanna make it invisible? You can use opacity: 0;. It will be invisible, you can't see it, but you can still interact with it and target it with Firebug. The links on it will still work but be invisible. Visibility: hidden; will also clear it but the space it occupies left the same but with less interaction. Finding individual parts of your layout easier If you want to remove a particular part but can't target it with the codes you have, you can try to find a more precise code with my advanced tutorial here: http://myanimelist.net/forum/?topicid=410909 Or use the Firefox extension Firebug to find the selector easily, add it to the bottom of the CSS and add display: none to its properties. |
Shishio-kunSep 1, 2016 9:14 PM
| I would remove the " Tags" but cant finde any codes about it, than i try it with Firebug, but what Firebug shows are realy confused me. So someone can tell me what i have to paste at what place of my css script? |
CrAziiJaN21 said: I would remove the " Tags" but cant finde any codes about it, than i try it with Firebug, but what Firebug shows are realy confused me. So someone can tell me what i have to paste at what place of my css script? Uncheck it here http://myanimelist.net/editprofile.php?go=listpreferences |
| Ohh, dont know that it is so easy. Tank you. :) |
| Is there a way to change the order of the sections (e.g. Watching -> On-Hold -> Dropped -> Completed)? |
Zelle said: Is there a way to change the order of the sections (e.g. Watching -> On-Hold -> Dropped -> Completed)? Wrong tutorial, but the answer is yes, one way is on the All Anime page- move each section with position. I think you reposition the header selectors. Tho every time you do this you'll need to update it for the new animes you added. |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Sep 13, 10:56 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |