Previous Repair Sticky

losersensei said:
Hello! there I watched your youtube video and was trying to use one of your custom layouts but every time I attempted to save it, the site would state that "the @import statement is only available when viewing your own list. URL statements only work for *.jnp, *.gif, *.png images.
I am not entirely sure what this is referring to and I was just hoping for some clarification! Thank you so much for your time! I hope you have a good day ^.^

losersensei said:
Sorry to bother you again but thank you for replying! :-) I looked at your link covering how to fix broken layouts it mentioned putting a \ in between @ and import it also mentioned replacing URL with " I was about to do that but noticed you already made those changes to the layout code. Is there anything else I could do to fix this? When I view my own list it does not show up for me either so I am a bit lost sorry. Hope you have a wonderful weekend! ^.^

losersensei said:
Hello, thank you for getting back to me!! After reading your reply, I tried to follow your advice and use your custom layout on the red theme instead of the default theme, and it worked!! I am over the moon and so happy! I can't thank you enough for your help I am so grateful! All your custom layouts are beautiful, but this one was by far my favourite, so I'm so happy I get to use it on my list! ^.^

This is a link to the theme I was trying to use!
https://myanimelist.net/forum/?topicid=1862853

I hope you have a wonderful week! :D

Paper2017 said:
Hi, for all I know this is an easy fix but I've been struggling for a few days to fix it. When I hover my mouse over the left side of the image (not a very wide area but enough to notice), the hover doesn't work. It works fine over the rest of it. I've tried widening and moving things around but I just couldn't find a way to fix it.

I'm sure it wouldn't bug me after awhile but I figured it wouldn't hurt to ask.



Sorry, some of my css code isn't organized the best. Thanks ahead of time for taking a look at this.

Shishio-kun said:


Wow it wasn't obvious at all and quite tricky, but it's the invisible edge of the footer image on the left covering up the section where you can point at and activate the preview pic. You can add this to the bottom to fix it :D

footer:before {
pointer-events: none !important;
}

Paper2017 said:

Thanks. It was baffling me because moving the picture would fix it, but as soon as I put the number on top, It would do it again.
Thanks again.

thesaber903 said:
(Forgive me if this isn't the right place to ask, I don't know the forums that well).

Basically whenever I try to change images in my custom CSS, any images don't load. This applies to the background, the avatar, or pretty much anything (except the list for all the anime I watched).

Help? Someone probably asked this already but I have no clue how to work the forums yet haha

Valerio_Lyndon said:

I don't see any custom CSS on your list right now, can you share what code is going wrong?

thesaber903 said:


Oh it was in the default anime list (css), but it's these:
body[data-query*='"status":2'] {
background-image: url(http://imgur.com/96e1dQl.jpg);

Valerio_Lyndon said:

This code works for me when I test it on its own, but it may be getting broken parts of code that precede it. Was this the only code you have on your list? If not, I need the entire code to fix any formatting issues. From what it sounds with the all anime code working but none of the others, it might be a missing closing brace } or similar.

LLetCC said:

Any advice on how I get ride of the background image moving when im scrolling down/up the list ?

LLetCC said:
Its still there but if u dont see it I guess I dont care. thx for replying though.

LLetCC said:
Woaaaw.You are right.Its an issue that only occurs in my safari browser because I just opened my anime list in my mozilla firefox browser and there the list flows perfectly without the background moving.

thesaber903 said:
This code works for me when I test it on its own, but it may be getting broken parts of code that precede it. Was this the only code you have on your list? If not, I need the entire code to fix any formatting issues. From what it sounds with the all anime code working but none of the others, it might be a missing closing brace } or similar.

Valerio_Lyndon said:

Nope, there are more codes like that in the CSS. I got it from someone in this club or maybe another post so I'm not sure.

thesaber903 said:

I'll send the link where I got the code just so it doesn't take up the entire post.
But here was the CSS I got, https://controlc.com/ca773d99

Valerio_Lyndon said:

All the presets for this theme work when I try them and have for a while, I'm pretty confident this issue occured while you were applying different images. This is why I need your code, and not the preset. You can paste your code into a website such as pastebin.com to share it. If you don't wish to do that, try reinstalling the theme and changing the images again, being extra careful that no code other than the URL's inside of the url() parentheses are changed, and that all the parentheses are intact so you have an opening "(" and closing ")" bracket to each image URL. Make changes one at a time, making sure each one works inside the preview window to see where problems begin (including making sure the base preset has working images). If a problem happens, you can likely undo the change you just made and see where it went wrong.

If you are using images uploaded to a different source than Imgur, try uploading them to Imgur. If they are uploaded to Imgur, make sure they are all direct links that end in a file extension such as .jpg or .png. Valid links for Imgur look like this: https://i.imgur.com/CHARACTERS.png while invalid URLs look like this (file link): https://imgur.com/CHARACTERS (no file extension and no preceding "i" subdomain) or this (album link): https://imgur.com/a/CHARACTERS (has a "/a/" and missing file extension and "i" subdomain).

thesaber903 said:

I just put the CSS back in (after resetting) and it's still not loading despite me not even putting anything in it yet, it was like this beforehand.

Valerio_Lyndon said:

Alright, that's good to know. Is it happening in the preview window or when you apply the theme and view your list as you would normally as well? Sometimes the preview window can be a bit glitchy. Also, what browser are you using? I might be able to reproduce this once I know that.

thesaber903 said:

I was using Chrome, I always use it. I have a current anime list that I made myself since the CSS doesn’t work but however, it previews perfectly fine when it’s in preview mode.

takasxgi said:
Hello! I attempted to create a custom layout and I have most of it down but i cant seem to make it dark mode and/or transparent. When I did light mode I couldnt make it transparent there either I believe it may have to do wiith the layout overriding like you said in the video im not 100% sure. I created a pastebin of the custom CSS hopefully it should be an easy fix and I just missed something small. https://pastebin.com/XjA0tNHe Thank you in advance!

Shishio-kun said:


I fixed up your code
https://pastebin.com/raw/V10Rx4Dr
makes it dark and transparent like this



The codes you added to the bottom won't work on Clarity, so I removed that, also there's an error in the code I removed and you were missing a closing bracket at the bottom. This would block codes under it.

Use the /* TABLE COLORS*/ codes instead to control the colors- what you had before won't be dark and translucent so I adjusted it. Use this for finding the right RGBA color:
https://cssgenerator.org/rgba-and-hex-color-generator.html

You should ask any further questions about the custom layout in the thread for it since he knows it better than I do
https://myanimelist.net/forum/?topicid=1723114

Valerio_Lyndon said:

Try saving the changes to the Style and setting it as your active one on your Style page. If the problem is still happening when you visit the live version of your animelist, try using a different image host such as https://imgbb.com/ or https://catbox.moe/ and replace the images with that. Then, repeat the test of saving the changes and viewing your live list.

MatsterMati said:
hi, ive had a problem where one of the pictures doesnt fit the frame. i havent been able to find out how to fix it. could uou please help me out?

https://imgur.com/CZQeeBS

link for reference

Paper2017 said:
I'm not sure if this is actually something that is broken with the css or if is actually something else. I found out that when I am logged out, the Avatar Image link doesn't seem to work. (Normally, I just click on it and it takes me to my profile.) Is it possible to fix this so that way it'll just return anyone who clicks on it to my profile.

I'll admit I'm about as social as a rock, so its not like there are hundreds of people clicking on this one, individual spot on my list. I do have a couple friends I've shared my list with and I just think this would make it easier for them.

MasterCaleb15 said:
Hey! I just wanted to say thank you and that I'm having problems with my MAL ever since it hit 2021. My background is black and says the image you are requesting does not exist or is no longer available. I don't know what to do. Is there any way I can fix this? I would really appreciate it.

Milength said:
Hey, my top rated banners are glitched in my Currently Watching section, any ideas on how to fix it?

lil_glizzy22 said:
hiiii, so in my layout there should be 6 images of the animes on each row butttttt theres only 5. i also tried other layouts similar to this but it kept happening. idk what to do and thank you if you can help!!

Shishio-kun said:


I don't see any problem? Do you have a screenshot or can you link the page?

Oh wait, what is your screensize? Are you on a laptop? That may be why

Make sure your browser isn't zoomed out too, use CTRL key and the + and - keys to set it back to 100%

lil_glizzy22 said:


ahh yeah im on a laptop sorry!! could i still fit in 6 or no?

Shishio-kun said:


Can you tell us your screen size and/or can we see a screenshot of your page?