New
Mar 24, 2024 10:17 AM
#7801
Reply to Gippy
Probably answered before, but is there code to hide the "started date" column but not the "finished date" column? I don't use the "started date" column at all. Thanks in advance! (https://myanimelist.net/animelist/Gippy?status=2&order=2&tag=)
@Gippy I don't believe it's been done before, but yes it's possible! This code should hide the started date column without affecting others, and should work on anyone's list. You don't have to copy the explanation part into your code, but I wanted to include it here for anyone's future reference. /* HIDE STARTED DATE Selector break-down/explanation: td[width="90"] | < selects column by width, matching dates and demographic. [align="center"] | < specify alignment, removing demographic cell matches. :not( | < negate the next statements, inverting their match rules. [width="90"]+[width="90"] | < match the finished column by using the preceding "+" selector. , | inside of the :not(), this means it won't match finished. [nowrap] | < match demographic header cell ) | < end the :not() section */ td[width="90"][align="center"]:not([width="90"]+[width="90"],[nowrap]) { display: none; } |
Mar 24, 2024 4:03 PM
#7802
Reply to Valerio_Lyndon
@Gippy I don't believe it's been done before, but yes it's possible!
This code should hide the started date column without affecting others, and should work on anyone's list. You don't have to copy the explanation part into your code, but I wanted to include it here for anyone's future reference.
This code should hide the started date column without affecting others, and should work on anyone's list. You don't have to copy the explanation part into your code, but I wanted to include it here for anyone's future reference.
/* HIDE STARTED DATE Selector break-down/explanation: td[width="90"] | < selects column by width, matching dates and demographic. [align="center"] | < specify alignment, removing demographic cell matches. :not( | < negate the next statements, inverting their match rules. [width="90"]+[width="90"] | < match the finished column by using the preceding "+" selector. , | inside of the :not(), this means it won't match finished. [nowrap] | < match demographic header cell ) | < end the :not() section */ td[width="90"][align="center"]:not([width="90"]+[width="90"],[nowrap]) { display: none; }
@Valerio_Lyndon Hi, thanks for the quick response! While this works at first glance, it breaks on mouseover, with the other columns shifting left: |
Mar 24, 2024 8:15 PM
#7803
Reply to Gippy
@Valerio_Lyndon Hi, thanks for the quick response!
While this works at first glance, it breaks on mouseover, with the other columns shifting left:

While this works at first glance, it breaks on mouseover, with the other columns shifting left:
@Gippy Oops! I should have caught that, but I ended up testing mostly on a blank list. After taking another look, it seems there is another rule in your CSS that overrides the "display" property upon hover. This is an easy fix of adding "!important" to our new code to raise the precedence above the older hover codes. So our "display: none;" will become "display: none !important;".td[width="90"][align="center"]:not([width="90"]+[width="90"],[nowrap]) { display: none !important; } |
Mar 25, 2024 12:45 AM
#7804
That worked great, thanks! My utilitarian list now looks as good as it gets to me. Time to go back and add a bunch of shows I forgot to add over the past year... |
Apr 19, 2024 3:50 PM
#7805
Can someone help me with this layout, I'm trying to make the anime-manga names non-opaque and visibile without transform but i can't without modify info and add edit too, i cant' also let the images start after the top border without ruining them after transform. https://jmp.sh/s/GaiNX1SoKx5kI6gwTG9N |
Apr 19, 2024 9:05 PM
#7806
Reply to Luffie00
Can someone help me with this layout, I'm trying to make the anime-manga names non-opaque and visibile without transform but i can't without modify info and add edit too, i cant' also let the images start after the top border without ruining them after transform.
https://jmp.sh/s/GaiNX1SoKx5kI6gwTG9N
https://jmp.sh/s/GaiNX1SoKx5kI6gwTG9N
Corner/* Adjust corner of Title box */ .list-table-data::before { border-radius: 0; } /* Adjust corner of Cover Image */ :root { --border-cover: 0 0 10px 10px; } Disable auto-hide Title text /* Show Title text */ .list-item .data.title { opacity: 1; } /* Hide other texts inside Title Area */ .list-item .data.title > *:not(.link) { opacity: 0; transition: opacity 0.2s 0.1s; } /* Show other texts on hover */ .list-item:hover .data.title > * { opacity: 1; } Position /* Specify value of Title box position (e.g. Move up by 34px) */ :root { --title-top: -34px; } /* Add space between each row */ .list-table { row-gap: calc(var(--title-top) * -1); padding-top: calc(var(--title-top) * -1); } /* Move Title box */ .list-table-data::before, .list-table .list-table-data .data.title .link { top: var(--title-top); } /* Move Title box's border */ .list-table .list-table-data .data.title .link:before { top: calc(33px + var(--title-top)); } |
hidesoApr 19, 2024 9:13 PM
Apr 21, 2024 5:25 AM
#7808
what is the 2ndry ordering on a list? e.g here https://myanimelist.net/animelist/mtsRhea?status=2&tag=normal+length&order=4&order2=0 im ordering by score FMA and FMA:B are not touching so its not what id assume, alphabetical did it used to be alphabetical? i think they used to touch |
Apr 27, 2024 8:24 PM
#7809
I'm trying to update the font for my tags/anime titles on my list. I've tried following tutorials, adding pre-made code, etc. But I can't get it to change to the font I want to try out, Montserrat. Tried importing it from Google Fonts but no luck. I also was able to change the position of the tags, as some were overlapping with the anime title. But in doing so commas stayed in their orignal position for some reason. Is there a fix for that? I appreciate any help! |
takkun_Apr 28, 2024 5:37 PM
Apr 28, 2024 1:10 AM
#7810
@takkun_ Firstly, add /* and */ at the beginning of your code, like this:/* {IMPORTANT: For full and sharp preview pics, change "USERNAME" in the two imports below to your username. They start with @/import If needed, fix preview pics and layout problems with this topic: https://myanimelist.net/forum/?topicid=439897 } */ takkun_ said: I'm trying to update the font for my tags/anime titles on my list. I've tried following tutorials, adding pre-made code, etc. But I can't get it to change to the font I want to try out, Montserrat. Tried importing it from Google Fonts but no luck. Next, add this code at the top. @\import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap"; takkun_ said: I also was able to change the position of the tags, as some were overlapping with the anime title. But in doing so commas stayed in their orignal position for some reason. Is there a fix for that? Add this code at the end of your code. /* Hide comma */ .list-table .list-table-data .data.tags span { color: transparent; } |
Apr 28, 2024 1:19 AM
#7811
Reply to mtsRhea
what is the 2ndry ordering on a list?
e.g here https://myanimelist.net/animelist/mtsRhea?status=2&tag=normal+length&order=4&order2=0
im ordering by score

FMA and FMA:B are not touching
so its not what id assume, alphabetical
did it used to be alphabetical?
i think they used to touch
e.g here https://myanimelist.net/animelist/mtsRhea?status=2&tag=normal+length&order=4&order2=0
im ordering by score
FMA and FMA:B are not touching
so its not what id assume, alphabetical
did it used to be alphabetical?
i think they used to touch
@mtsRhea If you click on the header of the Score Column, the list will be sorted by Score and ID, respectively. You can also click on the "FILTERS" button near the search bar and select up to 2 criteria, such as Sort+Name or Sort+Type. |
Apr 28, 2024 1:28 AM
#7812
Reply to hideso
@takkun_ Firstly, add /* and */ at the beginning of your code, like this:
Next, add this code at the top.
Add this code at the end of your code.
/* {IMPORTANT: For full and sharp preview pics, change "USERNAME" in the two imports below to your username. They start with @/import If needed, fix preview pics and layout problems with this topic: https://myanimelist.net/forum/?topicid=439897 } */
takkun_ said:
I'm trying to update the font for my tags/anime titles on my list. I've tried following tutorials, adding pre-made code, etc. But I can't get it to change to the font I want to try out, Montserrat. Tried importing it from Google Fonts but no luck.
I'm trying to update the font for my tags/anime titles on my list. I've tried following tutorials, adding pre-made code, etc. But I can't get it to change to the font I want to try out, Montserrat. Tried importing it from Google Fonts but no luck.
Next, add this code at the top.
@\import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";
takkun_ said:
I also was able to change the position of the tags, as some were overlapping with the anime title. But in doing so commas stayed in their orignal position for some reason. Is there a fix for that?
I also was able to change the position of the tags, as some were overlapping with the anime title. But in doing so commas stayed in their orignal position for some reason. Is there a fix for that?
Add this code at the end of your code.
/* Hide comma */ .list-table .list-table-data .data.tags span { color: transparent; }
@hideso Thank you, I appreciate the help! But it seems that adding the code for the font swap isn't working, as I don't see any of the fonts changing. I've been replacing this code at the top: @\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"; Also, is there a way to move the "Watch Episode Video" icon? |
Apr 28, 2024 2:07 AM
#7813
Reply to takkun_
@hideso Thank you, I appreciate the help! But it seems that adding the code for the font swap isn't working, as I don't see any of the fonts changing. I've been replacing this code at the top:
@\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
Also, is there a way to move the "Watch Episode Video" icon?
@\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
Also, is there a way to move the "Watch Episode Video" icon?
@takkun_ For Watch Episode Video, you can add this code at the bottom of your code, and change the left and bottom value as desired: .list-table .list-table-data .icon-watch2 a.mal-icon { left: 110px; bottom: 22px; top: auto; For changing fonts, you need to follow these 2 steps: 1. Import all custom fonts that you plan to use somewhere on your list e.g. @\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"; @\import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap"; 2. Apply the font globally or in any specific places. If you don't know where to specify the font, use Ctrl+F within your CSS file and replace "Open Sans" with another font family name e.g. Montserrat. Old value body { font: 300 11px Open Sans; } New value body { font: 300 11px Montserrat; } |
Apr 28, 2024 4:02 PM
#7814
Reply to hideso
@takkun_
For Watch Episode Video, you can add this code at the bottom of your code, and change the left and bottom value as desired:
For changing fonts, you need to follow these 2 steps:
1. Import all custom fonts that you plan to use somewhere on your list e.g.
2. Apply the font globally or in any specific places.
If you don't know where to specify the font, use Ctrl+F within your CSS file and replace "Open Sans" with another font family name e.g. Montserrat.
Old value
New value
For Watch Episode Video, you can add this code at the bottom of your code, and change the left and bottom value as desired:
.list-table .list-table-data .icon-watch2 a.mal-icon { left: 110px; bottom: 22px; top: auto;
For changing fonts, you need to follow these 2 steps:
1. Import all custom fonts that you plan to use somewhere on your list e.g.
@\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"; @\import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";
2. Apply the font globally or in any specific places.
If you don't know where to specify the font, use Ctrl+F within your CSS file and replace "Open Sans" with another font family name e.g. Montserrat.
Old value
body { font: 300 11px Open Sans; }
New value
body { font: 300 11px Montserrat; }
@hideso Awesome, thank you! I'll try that. Appreciate the help! |
May 5, 2024 12:35 PM
#7815
HI guys I edited my profile for the first time and really like it. What do you make of it? What could be improved? |
jj |
May 26, 2024 1:04 PM
#7816
Ive made it for manga and anime but the text bubble does not show in manga |
If you like doors welcome to the club Door Lovers! |
May 26, 2024 6:45 PM
#7817
@Thereisnoonehere do you have tags enabled for manga list? |
May 27, 2024 4:04 PM
#7818
Reply to karmashizzle
@karmashizzle I did not thanks for the information man. |
If you like doors welcome to the club Door Lovers! |
Jun 5, 2024 1:50 AM
#7819
I'm trying to adjust my list, but encountered a challenging issue, I hope you can help me. I want the phrase 'not yet aired' to be aligned closely with the anime title, similar to line 24 below. I used classic list .animetitle { display: inline-block; margin: 1px 0 0 2px; max-width: 200px; height: auto; line-height: 25px; overflow-wrap: break-word; } .animetitle + small { display: inline-block; font-size: 10px; color: #9e9e9e; padding-left: 3px; line-height: 25px; } |
Jun 6, 2024 4:06 AM
#7820
Reply to blackshu
I'm trying to adjust my list, but encountered a challenging issue, I hope you can help me. I want the phrase 'not yet aired' to be aligned closely with the anime title, similar to line 24 below. I used classic list

.animetitle {
display: inline-block;
margin: 1px 0 0 2px;
max-width: 200px;
height: auto;
line-height: 25px;
overflow-wrap: break-word;
}
.animetitle + small {
display: inline-block;
font-size: 10px;
color: #9e9e9e;
padding-left: 3px;
line-height: 25px;
}
.animetitle {
display: inline-block;
margin: 1px 0 0 2px;
max-width: 200px;
height: auto;
line-height: 25px;
overflow-wrap: break-word;
}
.animetitle + small {
display: inline-block;
font-size: 10px;
color: #9e9e9e;
padding-left: 3px;
line-height: 25px;
}
@blackshu .animetitle { display: inline; } |
Jun 7, 2024 1:09 AM
#7821
Jun 13, 2024 5:24 PM
#7822
Greetings. I hope it's fine to ask about this in this thread. A lot of anime covers in my anime list are broken. The covers are missing, they don't show up. It's been happening for a while now in my list and I have no idea why. It wasn't like this before when all anime covers were completely visible and displaying properly. Now there are a bunch of missing covers in my list and I can't even count how many missing covers are there. I haven't updated anything else from my list CSS in a very long time. Did something change that I never noticed? Can you help me fix the missing covers in my own anime list please? I truly appreciate your help. Thank you in advance. |
Jun 18, 2024 7:22 PM
#7823
I'm trying to adjust Murakumo's Azur Blur style for my manga list, but I'm having trouble identifying what to edit. I want to make each list item smaller so that I can put 7 items per row and shrink the table width a little to make room for a right-side image. I thought that I could modify "max-width: 1120px" and "grid-template-columns: 180px 180px 180px 180px 180px 180px" under list-table, but that doesn't seem to be doing anything in Inspect or in the MAL style editor. Here's a rough visual example of what I'm trying to do, where the top image is how my list currently looks and the bottom is the general goal. |
Jun 23, 2024 2:07 AM
#7824
o/ hello again im NOT asking for a solution this time im NOT looking to fix it i just wanted to pass on a strange thing ive noticed my list is covered in subtle texturing e.g. this is what my list normally looks like: BUT, heres the strange thing, i noticed if i scroll down so theres 900 entries, 2 page loads then the pattern changes! it now has diagonal stripes how odd im guessing its a moiré pattern but why would scrolling down discretely activate it? and im surprised that the screenshot function captures it edit: actually, every new page load makes it change! |
Jun 23, 2024 11:12 AM
#7825
Do people prefer to use tags instead of notes? If so, why? |
Jun 24, 2024 1:48 AM
#7826
Reply to LunyRem
Greetings. I hope it's fine to ask about this in this thread.
A lot of anime covers in my anime list are broken. The covers are missing, they don't show up. It's been happening for a while now in my list and I have no idea why. It wasn't like this before when all anime covers were completely visible and displaying properly. Now there are a bunch of missing covers in my list and I can't even count how many missing covers are there.

I haven't updated anything else from my list CSS in a very long time. Did something change that I never noticed? Can you help me fix the missing covers in my own anime list please? I truly appreciate your help. Thank you in advance.
A lot of anime covers in my anime list are broken. The covers are missing, they don't show up. It's been happening for a while now in my list and I have no idea why. It wasn't like this before when all anime covers were completely visible and displaying properly. Now there are a bunch of missing covers in my list and I can't even count how many missing covers are there.
I haven't updated anything else from my list CSS in a very long time. Did something change that I never noticed? Can you help me fix the missing covers in my own anime list please? I truly appreciate your help. Thank you in advance.
@LunyRem try everything in part B -> https://myanimelist.net/forum/?topicid=2130234 |
Jun 24, 2024 7:00 AM
#7827
Reply to karmashizzle
@LunyRem try everything in part B -> https://myanimelist.net/forum/?topicid=2130234
@karmashizzle Thanks for the tip. I've somewhat hesitated first on using Spacecowboy's anime CSS mainly because he is no longer active in MAL. He hasn't logged in since January 2024. Any new anime entries that have been added in the site after his absence/hiatus might not have covers because he hasn't added them anymore to his anime list since he's away. Atm, I'm using the cover import from Spacecowboy's anime list just as instructed from that topic as a temporary fix for my list but there are still a handful of covers in my anime list that don't show up. |
Jun 24, 2024 9:02 AM
#7828
Reply to LunyRem
@karmashizzle Thanks for the tip. I've somewhat hesitated first on using Spacecowboy's anime CSS mainly because he is no longer active in MAL. He hasn't logged in since January 2024. Any new anime entries that have been added in the site after his absence/hiatus might not have covers because he hasn't added them anymore to his anime list since he's away.
Atm, I'm using the cover import from Spacecowboy's anime list just as instructed from that topic as a temporary fix for my list but there are still a handful of covers in my anime list that don't show up.
Atm, I'm using the cover import from Spacecowboy's anime list just as instructed from that topic as a temporary fix for my list but there are still a handful of covers in my anime list that don't show up.
@LunyRem 1. try using a different layout by the same creator, like the Violet Evergarden Grid-style layout -> https://myanimelist.net/forum/?topicid=1928424 if that fixes it then you could edit the whole design to look like your current one, assuming your css is faulty. 2. manually updating the covers |
Jun 28, 2024 6:06 AM
#7829
Reply to karmashizzle
@LunyRem
1. try using a different layout by the same creator, like the Violet Evergarden Grid-style layout -> https://myanimelist.net/forum/?topicid=1928424
if that fixes it then you could edit the whole design to look like your current one, assuming your css is faulty.
2. manually updating the covers
1. try using a different layout by the same creator, like the Violet Evergarden Grid-style layout -> https://myanimelist.net/forum/?topicid=1928424
if that fixes it then you could edit the whole design to look like your current one, assuming your css is faulty.
2. manually updating the covers
@karmashizzle I tried using the CSS of the Violet Evergarden Grid-style layout and tested it on another modern list layout. The code works and it's also using cover imports from Spacecowboy's and DateYutaka's anime lists. However, plenty of covers are still missing from my own anime list. I'm feeling skeptical about manually updating the covers because the state of missing covers in my list has always been random for some reason. For example, the anime cover for Slam Dunk showed up for me last time but when I took a screenshot of my list today using the Violet Evergarden grid-style layout, Slam Dunk's cover is missing there as you can see. |
Jun 28, 2024 7:28 PM
#7830
Reply to LunyRem
@karmashizzle I tried using the CSS of the Violet Evergarden Grid-style layout and tested it on another modern list layout. The code works and it's also using cover imports from Spacecowboy's and DateYutaka's anime lists. However, plenty of covers are still missing from my own anime list.


I'm feeling skeptical about manually updating the covers because the state of missing covers in my list has always been random for some reason. For example, the anime cover for Slam Dunk showed up for me last time but when I took a screenshot of my list today using the Violet Evergarden grid-style layout, Slam Dunk's cover is missing there as you can see.
I'm feeling skeptical about manually updating the covers because the state of missing covers in my list has always been random for some reason. For example, the anime cover for Slam Dunk showed up for me last time but when I took a screenshot of my list today using the Violet Evergarden grid-style layout, Slam Dunk's cover is missing there as you can see.
@LunyRem well then, i've got nothing else. GG. perhaps someone that's more knowledgeable may be of elp |
Jun 29, 2024 3:02 AM
#7831
Reply to karmashizzle
@LunyRem well then, i've got nothing else. GG. perhaps someone that's more knowledgeable may be of elp
@karmashizzle It's alright. I appreciate all the help, so thank you! I wonder if this is also a browser issue or it's just happening on my end, idk. I'd love to see all the covers displaying properly on my list once again. |
Jul 6, 2024 4:23 PM
#7832
Reply to LunyRem
@karmashizzle It's alright. I appreciate all the help, so thank you!
I wonder if this is also a browser issue or it's just happening on my end, idk. I'd love to see all the covers displaying properly on my list once again.
I wonder if this is also a browser issue or it's just happening on my end, idk. I'd love to see all the covers displaying properly on my list once again.
@LunyRem Try this at the top of your anime CSS @\import "https://onedrive.live.com/download?resid=4A07C1EEED420167%21152&authkey=!ANB4M0RFrPjxOOU"; For manga @\import "https://onedrive.live.com/download?resid=4A07C1EEED420167%21156&authkey=!AEj4C36GMFYEPeo"; It restores all your covers for me in a preview except https://myanimelist.net/anime/38339/Suzumi-bune which doesn't have a preview pic This one you have now is returning a "not secure" error and I see no covers on your list anyways (Firefox and Opera GX). It only works in Chrome. https://shaggyze.website/Themes/covers_anime_dataimagelinkbefore.css |
Shishio-kunJul 7, 2024 12:29 AM
Jul 7, 2024 2:14 AM
#7833
Hey @Shishio-kun , thank you for the help. The new import link worked wonders! Lookin' great! Thanks a million! Do the covers from my list show up for you on your browser? I've only been using Google Chrome so far. |
LunyRemJul 7, 2024 2:24 AM
Jul 7, 2024 12:31 PM
#7834
Reply to LunyRem
Hey @Shishio-kun , thank you for the help. The new import link worked wonders!


Lookin' great! Thanks a million! Do the covers from my list show up for you on your browser? I've only been using Google Chrome so far.
Lookin' great! Thanks a million! Do the covers from my list show up for you on your browser? I've only been using Google Chrome so far.
@LunyRem Yes covers work now on all your anime, and only a few are blurry because the default cover on MAL is so small https://myanimelist.net/anime/31563/Ano_Hi_Bokura_wa_Senjou_de__Shounenhei_no_Kokuhaku If more are missing later you can report it somewhere here in the group and I can manually update the covers myself (this would probably be when a lot of new anime is announced for a season). |
Sep 7, 2024 2:55 AM
#7835
hmm why are some image BBcodes from imgbb not working anymore? The top one (Konata fan) isn't working for me https://imgbb.com/ Other new uploads are having the same issue. Weird, they both use the image BBcode from that site but the direct link to Konata-fan downloads the image and seems to ruin the BBcode, no idea why. It's like a lot of the internet is dying this past year and now bad news about Internet Archive even test 3 |
Shishio-kunSep 7, 2024 3:01 AM
Sep 8, 2024 6:07 AM
#7836
@Shishio-kun looks like gif 1 & 3 are fixed. prolly just server hiccup on their end |
Sep 8, 2024 12:51 PM
#7837
testing sigh one works and the other doesn't (will probably work later) |
Shishio-kunSep 8, 2024 4:18 PM
Sep 11, 2024 4:13 PM
#7838
Confirmed. |
Sep 11, 2024 4:15 PM
#7839
testin different sets uploaded separately 1 2 3 |
Sep 11, 2024 4:16 PM
#7840
All working, the bug has passed? |
Sep 18, 2024 2:50 AM
#7841
I cant get my background picture to fit my screen, ive used these codes:body { background-size: cover; } body { background-size: 100% 100%; } but i get an error that says: "The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images." Here is an example of my issue: Heres the what the picture should look like Heres what i see The background picture is too zoomed in I'm using firefox as my browser, and it's updated. |
Sep 18, 2024 5:51 AM
#7842
Reply to LuoBingmei
I cant get my background picture to fit my screen, ive used these codes:
but i get an error that says: "The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images."
Here is an example of my issue:
Heres the what the picture should look like
Heres what i see
The background picture is too zoomed in
I'm using firefox as my browser, and it's updated.
body { background-size: cover; }
body { background-size: 100% 100%; }
but i get an error that says: "The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images."
Here is an example of my issue:
Heres the what the picture should look like
Heres what i see
The background picture is too zoomed in
I'm using firefox as my browser, and it's updated.
@CringeBby ignore that error, everyone has it. the pic is not zoomed in. (purple is your screen) look at the top of your code and add the background position property after the image: /*CURRENTLY WATCHING MAIN WALLPAPER*/ body[data-query*='"status":1'] { background-image: url(https://i.imgur.com/aYZrwv1.png); background-position: 50% 70%; } adjust the 70% to move the pic up/downwards. |
karmashizzleSep 18, 2024 8:17 AM
Sep 18, 2024 3:57 PM
#7843
Hi, i tried to use the MAL Tool to modify a style. However, i can't get it to work... https://dl.dropboxusercontent.com/s/1dhbccww57ld4ulq8wqe0/MAL-info.css?rlkey=53ujo2li87hls51ysn6ia7ig1&st=anzo3v0o but it looks like that: :( https://i.ibb.co/tLJqQy4/image.png https://myanimelist.net/animelist/Demikun?status=7 Anyone got an idea, what i'm doing wrong? Here are my list settings https://i.ibb.co/jHbXYbn/image.png |
Sep 18, 2024 4:00 PM
#7844
Reply to karmashizzle
@CringeBby ignore that error, everyone has it.
the pic is not zoomed in. (purple is your screen)

look at the top of your code and add the background position property after the image:
/*CURRENTLY WATCHING MAIN WALLPAPER*/
body[data-query*='"status":1'] {
background-image: url(https://i.imgur.com/aYZrwv1.png);
background-position: 50% 70%;
}
adjust the 70% to move the pic up/downwards.
the pic is not zoomed in. (purple is your screen)
look at the top of your code and add the background position property after the image:
/*CURRENTLY WATCHING MAIN WALLPAPER*/
body[data-query*='"status":1'] {
background-image: url(https://i.imgur.com/aYZrwv1.png);
background-position: 50% 70%;
}
adjust the 70% to move the pic up/downwards.
@karmashizzle So i tried what you said, and in the end I realized it was an issue with my display? Still haven't fixed it, but I noticed that i only have the 'zooming' issue when i have mal on fullscreen, if i have it in a smaller window the background shows up fine. I messed around in the display + desktop and dock settings but no luck, idk why it does that?? 😭 I've begun to accept that my list is just going to look wonky on my screen 🙏 |
Sep 18, 2024 4:32 PM
#7845
Reply to LuoBingmei
@karmashizzle
So i tried what you said, and in the end I realized it was an issue with my display? Still haven't fixed it, but I noticed that i only have the 'zooming' issue when i have mal on fullscreen, if i have it in a smaller window the background shows up fine. I messed around in the display + desktop and dock settings but no luck, idk why it does that?? 😭 I've begun to accept that my list is just going to look wonky on my screen 🙏
So i tried what you said, and in the end I realized it was an issue with my display? Still haven't fixed it, but I noticed that i only have the 'zooming' issue when i have mal on fullscreen, if i have it in a smaller window the background shows up fine. I messed around in the display + desktop and dock settings but no luck, idk why it does that?? 😭 I've begun to accept that my list is just going to look wonky on my screen 🙏
@CringeBby What is your display screen size? Is it a laptop, PC, 4k, TV, etc? The thing is, this background https://imgur.com/7e0a7WN its not a typical screen size afaik, so it might have to be manually adjusted One thing you can do is add these codes to the bottom of your CSS body{ background-size: 2000px 1000px !important; } and then adjust the px amounts until the wallpaper fills your display manually. The first px is width, second is height. You can also use this body{ background-size: contain !important; } and it will fit the wallpaper into your screen, although there may be space on the sides since it's not able to fill it in. And before you can add any codes, you need to close the CSS you already have at the bottom, it should look like this: #copyright::after { content: "ShelterStyleV3 - Layout originally designed by Takana no Hana"; } |
Sep 18, 2024 4:46 PM
#7846
Reply to Demikun
Hi, i tried to use the MAL Tool to modify a style.
However, i can't get it to work...
https://dl.dropboxusercontent.com/s/1dhbccww57ld4ulq8wqe0/MAL-info.css?rlkey=53ujo2li87hls51ysn6ia7ig1&st=anzo3v0o
but it looks like that: :(
https://i.ibb.co/tLJqQy4/image.png
https://myanimelist.net/animelist/Demikun?status=7
Anyone got an idea, what i'm doing wrong?
Here are my list settings https://i.ibb.co/jHbXYbn/image.png
However, i can't get it to work...
https://dl.dropboxusercontent.com/s/1dhbccww57ld4ulq8wqe0/MAL-info.css?rlkey=53ujo2li87hls51ysn6ia7ig1&st=anzo3v0o
but it looks like that: :(
https://i.ibb.co/tLJqQy4/image.png
https://myanimelist.net/animelist/Demikun?status=7
Anyone got an idea, what i'm doing wrong?
Here are my list settings https://i.ibb.co/jHbXYbn/image.png
@Demikun Unfortunately I don't know anything about Clarity's mods and I'm barely familiar with it You should leave the question in the Clarity topic if you dont get an answer here, so if VL comes back he can answer. https://myanimelist.net/forum/?topicid=1723114 When you leave your question there also include: * your code without the mod * what the mod is supposed to do * what page you got it from as it may have a description and I can possibly look into it later with that info. For now it would take a bit too long for me to dig through I think and I have no idea where you started and how it's supposed to look You could also go back to default and clear many of those tags and maybe delete some columns, it seems excessive and some tags repeat the title and other column info, plus I think there's other ways to present some of the info without tags column Also maybe you should start over with a fresh updated Clarity since when I use the new version I have here https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987 on your list, it seems to sort the tags fine despite there being so many. Maybe something got broke along the way? |
Sep 18, 2024 4:58 PM
#7847
Reply to Shishio-kun
@Demikun Unfortunately I don't know anything about Clarity's mods and I'm barely familiar with it
You should leave the question in the Clarity topic if you dont get an answer here, so if VL comes back he can answer.
https://myanimelist.net/forum/?topicid=1723114
When you leave your question there also include:
* your code without the mod
* what the mod is supposed to do
* what page you got it from as it may have a description
and I can possibly look into it later with that info. For now it would take a bit too long for me to dig through I think and I have no idea where you started and how it's supposed to look
You could also go back to default and clear many of those tags and maybe delete some columns, it seems excessive and some tags repeat the title and other column info, plus I think there's other ways to present some of the info without tags column

Also maybe you should start over with a fresh updated Clarity since when I use the new version I have here
https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987
on your list, it seems to sort the tags fine despite there being so many. Maybe something got broke along the way?

You should leave the question in the Clarity topic if you dont get an answer here, so if VL comes back he can answer.
https://myanimelist.net/forum/?topicid=1723114
When you leave your question there also include:
* your code without the mod
* what the mod is supposed to do
* what page you got it from as it may have a description
and I can possibly look into it later with that info. For now it would take a bit too long for me to dig through I think and I have no idea where you started and how it's supposed to look
You could also go back to default and clear many of those tags and maybe delete some columns, it seems excessive and some tags repeat the title and other column info, plus I think there's other ways to present some of the info without tags column
Also maybe you should start over with a fresh updated Clarity since when I use the new version I have here
https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987
on your list, it seems to sort the tags fine despite there being so many. Maybe something got broke along the way?
@Shishio-kun thanks for the insanly fast reply. Sadly i tried to copy the design from another list that i found, and tried to adept it to my liking: https://myanimelist.net/animelist/Ruse125?status=2 If u hover over "info" u see what should happen. Well.... guess that what u get for using something that u aren't familiar with. ^^ Anyway, thanks for the fast reply |
Sep 18, 2024 5:30 PM
#7848
Reply to Demikun
@Shishio-kun
thanks for the insanly fast reply.
Sadly i tried to copy the design from another list that i found, and tried to adept it to my liking: https://myanimelist.net/animelist/Ruse125?status=2
If u hover over "info" u see what should happen.
Well.... guess that what u get for using something that u aren't familiar with. ^^
Anyway, thanks for the fast reply
thanks for the insanly fast reply.
Sadly i tried to copy the design from another list that i found, and tried to adept it to my liking: https://myanimelist.net/animelist/Ruse125?status=2
If u hover over "info" u see what should happen.
Well.... guess that what u get for using something that u aren't familiar with. ^^
Anyway, thanks for the fast reply
@Demikun That information would have been good to know up front. You can ask the editor themselves, they gave permission here https://myanimelist.net/forum/?topicid=2176550 |
Shishio-kunSep 18, 2024 5:33 PM
Sep 18, 2024 5:36 PM
#7849
Reply to Shishio-kun
@Demikun
That information would have been good to know up front. You can ask the editor themselves, they gave permission here
https://myanimelist.net/forum/?topicid=2176550
That information would have been good to know up front. You can ask the editor themselves, they gave permission here
https://myanimelist.net/forum/?topicid=2176550
@Shishio-kun ohh i tried to find a better way to use this awesome design except for just snatching it. Guess i try to ask him on the thread u mentioned. thanks |
Sep 18, 2024 7:23 PM
#7850
Reply to Demikun
@Shishio-kun
ohh i tried to find a better way to use this awesome design except for just snatching it. Guess i try to ask him on the thread u mentioned.
thanks
ohh i tried to find a better way to use this awesome design except for just snatching it. Guess i try to ask him on the thread u mentioned.
thanks
@Demikun It's ok I'm sure he won't mind and he should help you, and if he doesn't help you can leave a post in the Clarity topic for VL later https://myanimelist.net/forum/?topicid=1723114 |
More topics from this board
» 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 |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |