Acruxx said: Hello, I have a problem with my list, large covers won't load when I switch from my manga list to my anime list or vice versa. If I enter from my profile they load both, but if I do it from the buttons on the list they only work in the first one that I have entered. I don't know if I have explained myself very well. This is a relatively recent issue which I believe is to do with the browser caching information. It should be fixable by finding this line at the top of your CSS: @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; And replacing it with these two new ones: @\import "https://malscraper.azurewebsites.net/covers/anime/Acruxx/presets/dataimagelinkbefore"; @\import "https://malscraper.azurewebsites.net/covers/manga/Acruxx/presets/dataimagelinkbefore"; |
Valerio_Lyndon said: Acruxx said: Hello, I have a problem with my list, large covers won't load when I switch from my manga list to my anime list or vice versa. If I enter from my profile they load both, but if I do it from the buttons on the list they only work in the first one that I have entered. I don't know if I have explained myself very well. This is a relatively recent issue which I believe is to do with the browser caching information. It should be fixable by finding this line at the top of your CSS: @import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; And replacing it with these two new ones: @import "https://malscraper.azurewebsites.net/covers/anime/Acruxx/presets/dataimagelinkbefore"; @import "https://malscraper.azurewebsites.net/covers/manga/Acruxx/presets/dataimagelinkbefore"; Thank you! Now seems to work propperly :) |
| Is it possible to have the links for tags such as "Great Story" and "Great Plot" linked to [href*="=Great"]. So when you tap the tag "Great Story" or "Great Plot" you'll get redirected to a page with everything that starts with Great. This sounds even more unlikely but➡ ➡I have them all as the same color so is it possible for it to search by that if it can't find by using the text. Also I currently have coloured borders around my hover images for each category(Currently Watching, Planning, etc.) but for the All Anime category there is only one colour. Is it possible to have different colours for each category under the All Anime page. Example: When hovering over Currently watching on the All anime page the hover image's border will be green, when hovering over completed on the All Anime page it's blue, Dropped --> Red and so on... Thanks in advance. |
LeosparsDec 25, 2020 4:56 PM
      |
Leospars said: Is it possible to have the links for tags such as "Great Story" and "Great Plot" linked to [href*="=Great"]. So when you tap the tag "Great Story" or "Great Plot" you'll get redirected to a page with everything that starts with Great. Unfortunately I can't think up a way to do this right now. The way MAL implemented tags was somewhat limiting in that you have to search for the exact tag and nothing else. And modifying the links on the page is beyond CSS capability (would require HTML access). The best option may be to add a new "Great" tag on each entry with "Great Story/Plot/Etc" and click on that instead. Leospars said: This sounds even more unlikely but➡ ➡I have them all as the same color so is it possible for it to search by that if it can't find by using the text. Searching by colour? Not possible I'm afraid, since it's a purely visual change. You'd have to add a new tag such as "blue". Leospars said: Also I currently have coloured borders around my hover images for each category(Currently Watching, Planning, etc.) but for the All Anime category there is only one colour. Is it possible to have different colours for each category under the All Anime page. Example: When hovering over Currently watching on the All anime page the hover image's border will be green, when hovering over completed on the All Anime page it's blue, Dropped --> Red and so on... Yeah, this is possible. :) Replace your current border code... With this new code: |
| Heyo :) I need a little bit of help Edit : I don't anymore, I just found the issue, sorry ^^ |
EstebanODDec 28, 2020 7:11 AM
I don't know how signatures work   |
| Hello there, can you please tell me how to add an image of our choice to the banner up top? Also this list is beautiful and I love it already have it on my list!!! |
MeSsI-AKA-FERNO said: Hello there, can you please tell me how to add an image of our choice to the banner up top? Also this list is beautiful and I love it already have it on my list!!! For this theme, you can add this bit of code to the bottom of what you already have: body { --banner: url(URLHERE); }Then, change the "URLHERE" text (but not the surrounding parentheses) to an image URL. An image URL will look something like: https://i.imgur.com/abc1234.png . It can't be from your local harddrive, so no links that look like: C:\Users\Messi\My Pictures\Image.png . It must be uploaded to an image hosting website. If you want help for a different theme than this one (I see you have a different one active at the moment) then the instructions will be different. |
Valerio_Lyndon said: MeSsI-AKA-FERNO said: Hello there, can you please tell me how to add an image of our choice to the banner up top? Also this list is beautiful and I love it already have it on my list!!! For this theme, you can add this bit of code to the bottom of what you already have: body { --banner: url(URLHERE); }Then, change the "URLHERE" text (but not the surrounding parentheses) to an image URL. An image URL will look something like: https://i.imgur.com/abc1234.png . It can't be from your local harddrive, so no links that look like: C:\Users\Messi\My Pictures\Image.png . It must be uploaded to an image hosting website. If you want help for a different theme than this one (I see you have a different one active at the moment) then the instructions will be different. Oh that you very much!! And I do have this theme but my Manga list  |
| I there a way to increase the distance between the list items and the category headers? When I tried doing it, the sort by icon thing got moved down too (im very inexperienced with css :( ). |
burnerfistahJan 14, 2021 4:19 PM
burnerfistah said: I there a way to increase the distance between the list items and the category headers? When I tried doing it, the sort by icon thing got moved down too (im very inexperienced with css :( ). Add this to the bottom of your code. You can adjust the number as you wish. /*-S-T-A-R-T--------------------*\
| Adjust List Spacing |
\*------------------------------*/
.list-table > tbody:first-of-type {
/* adjust this number to increase or decrease spacing
* negative numbers e.x -12px are accepted */
margin-bottom: 30px;
}
/*------------------------E-N-D-*/ |
kkamizen said: Hello, I have a problem with the banner on my list: every banner I try to use always gets cropped from the top and the bottom when I put in the URL. Any ideas why? EDIT: I managed to somewhat fix it by using the code from a previous reply to change the banner height, but is there a way to make the bottom part of the original picture show more? If adjusting the banner sizing isn't enough, I assume you need to change the positioning of the image? In that case, you can use this code (add to the bottom): /* Banner positioning */
.cover-block {
/* banner image position. x is <horizontal>, y is <vertical>
* accepted values are: left, right, center, top, bottom, #% value, #px value */
background-position-x: center;
background-position-y: 100%;
} |
| Hello again! I'm wondering whether it is possible to 1. Use grouped horizontal tags to further elaborate on the specific scoring of different sectors (e.g. Story/Animation/Character/Sound/Enjoyment) 2. Move the premiere and studio information next to it 3. Change the colours of the background/text for the specific sector & other functions above Something like  or this if the above is impossible to do due to certain restrictions  It should be noted that I am using "convert tags to notes", "favourite tags display", and "decimal ratings", so it might be rather difficult if they do conflict with each other. |
YoshePlaysJan 17, 2021 6:27 AM
| Cosplayer, Photographer, & Journalist. ========= Discord► Yoshe#7068 Instagram► yoshe_plays Other Social Media Links► YoshePlays  |
| Hello again! Once again I have a few questions on how I can change certain things. How can I change the colours of: 1. The home button 2. Change the colour of the bar (shown in the picture) 3. The buttons as well as when you hover over them. 4. The search bar. 5. The scores 6. Edit/More text 7. The list entry numbers and the circle they are in 8. And finally progress/episode numbers Once again I am thankful for your help! |
burnerfistah said: Hello again! Once again I have a few questions on how I can change certain things. How can I change the colours of: 1. The home button 2. Change the colour of the bar (shown in the picture) 3. The buttons as well as when you hover over them. 4. The search bar. 5. The scores 6. Edit/More text 7. The list entry numbers and the circle they are in 8. And finally progress/episode numbers Once again I am thankful for your help! The theme colour section under "Further Modification" can help with changing many of the colours. Valerio Lyndon said: But, in the case you need separate, specific colours for the areas you mentioned, then here's code for those. Add any/all of these to the bottom of your CSS and then change the "#COLOUR" to any CSS colour. |
YoshePlays said: Hello again! I'm wondering whether it is possible to 1. Use grouped horizontal tags to further elaborate on the specific scoring of different sectors (e.g. Story/Animation/Character/Sound/Enjoyment) 2. Move the premiere and studio information next to it 3. Change the colours of the background/text for the specific sector & other functions above Something like or this if the above is impossible to do due to certain restrictions It should be noted that I am using "convert tags to notes", "favourite tags display", and "decimal ratings", so it might be rather difficult if they do conflict with each other. Here's some code you can try. It doesn't use the horizontal tag nor the grouped tag code as those do not work with review tags, but this imitates their look.  This code relies on a few things. Firstly, you must place all the scores at the end of your tag section, even after decimal scores, so your tags should be ordered: review/other tags -> decimal rating -> advanced scoring. Secondly, you must have all 5 numbers for them to position correctly. If you do not have a score for one of the sections, just use a "-". Here's an example of tags that should work when placed at the end of one of your tag sections: "6,10,7,-,9". Also, remember that tags can only contain 255 characters at max, so having both reviews and scores on your list may begin stretching that limit thin. I swapped the position of the season and studio for technical reasons. These same reasons are why every item is in a fixed location instead of being dynamic, it's simply not possible to dynamically detect the width of the other elements (in this case). Yet another note, these tags are not searchable nor sortable. As we are just using numbers, there is no distinguishing factor to find them by. Even if we did use a prefix on the numbers, you'd still only be able to find others of the same score. So if you scored something ST:2, then you'd only be able to find other entries that were scored 2 of your ST category. Since this would be such a minor function and use up more of the tag character limit, I didn't bother with prefixes. To change box colours, you'll need to change the #212121 colour twice for each box. You can find the relevant section near the top of the provided code, under "add decorative score background". Pictured here:  To change the text colour, find the sections further down in the code labelled "box # colour". Change "var(--text)" to any colour.  This new code adds the bottom padding from horizontal tags, which changes the height of list rows. This means you will have to re-adjust the decimal scoring position (or remove the padding, which can be found at the top of this new code, but I don't recommend this due to potential overlap issues). The decimal score position should be able to be found around line ~708 and line ~730 [Image]. Changing the number from "14px" to "20.5px" seemed to position things correctly for me, so that is what I recommend trying first. As it is very possible I missed some incompatibilities, you can let me know if this has issues. Or if it just doesn't work, but I hope it does. |
Valerio_LyndonJan 19, 2021 10:13 PM
| First of all, thank you so much for dedicating this much time to the community, I can imagine how much of a hassle it would be to cater to the mass amounts of support request from people. Here are some of the points of interest so far though: 1. It appears that the long reviews which use CSS aren't displayed anymore.  (ignore the misaligned [ Airing ] Edit - More, MALSync shifted its location downwards for some reason after adding the Studio & Premiere labels)2. For series that are made by an unknown studio, it overflows into a new line.  3. Would tag descriptions like this be possible?  |
YoshePlaysJan 20, 2021 10:22 PM
| Cosplayer, Photographer, & Journalist. ========= Discord► Yoshe#7068 Instagram► yoshe_plays Other Social Media Links► YoshePlays |
| Hi! I was wondering is there any way to change the color of my CSS to have it not be black? Thanks! I'll put my code down here |
YoshePlays said: First of all, thank you so much for dedicating this much time to the community, I can imagine how much of a hassle it would be to cater to the mass amounts of support request from people. It can be interesting! YoshePlays said: 1. It appears that the long reviews which use CSS aren't displayed anymore. 2. For series that are made by an unknown studio, it overflows into a new line. 3. Would tag descriptions like this be possible? https://i.imgur.com/CpeGxdK.png Good catches. This new version should fix those issues and add descriptions. Use it to replace what you added previously. Here's a comparison of the changes: [Comparison]. |
Valerio_LyndonJan 21, 2021 1:54 AM
mooshyloo said: Hi! I was wondering is there any way to change the color of my CSS to have it not be black? Thanks! I'll put my code down here You want to switch to light mode like in the picture below, yeah?  In that case, find this line in your code. It should be right near the top. You can quickly identify it by the ending text having "Dark%20Mode" in it. @\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Dark%20Mode%20Compressed.css"; Once you've found it, delete that line (no more and no less). That should change your list to the light theme. |
Valerio_Lyndon said: Good catches. This new version should fix those issues and add descriptions. Looks like the previous issues have been fixed but the advanced scoring and descriptions aren't showing up. EDIT: I used inspect element and found out that the ratings are indeed there, but for some reason, they're just not visible. |
YoshePlaysJan 21, 2021 6:19 AM
| Cosplayer, Photographer, & Journalist. ========= Discord► Yoshe#7068 Instagram► yoshe_plays Other Social Media Links► YoshePlays |
| Hi there, apologies if this has been answered before, but I can't for the life of me find it. How do I change the color and capitalization of my username? Right now it's stark white and all caps and it's sort of bothering me... I would like it to be more gray or yellow to fit my theme, and to not be in all caps. Screenshot for your reference. Also, is there any way to make at least the footer transparent? Because my background has some important words on the bottom, and it's obscured by the footer once I get to the bottom of the page... Thank you so much in advance! |
gwendal738Jan 21, 2021 4:41 AM
 「 I am forever your most devoted believer. 」 |
YoshePlays said: Valerio_Lyndon said: Good catches. This new version should fix those issues and add descriptions. Looks like the previous issues have been fixed but the advanced scoring and descriptions aren't showing up. EDIT: I used inspect element and found out that the ratings are indeed there, but for some reason, they're just not visible. Serves me right for applying one of the fixes last minute. It just needs a "z-index: 1;" on all the number tags, as seen here:  Fingers crossed I didn't miss anything this time! |
gwendal738 said: Hi there, apologies if this has been answered before, but I can't for the life of me find it. How do I change the color and capitalization of my username? Right now it's stark white and all caps and it's sort of bothering me... I would like it to be more gray or yellow to fit my theme, and to not be in all caps. Screenshot for your reference. You didn't miss anything, thanks for looking though! The colours were supposed to be with the rest, but seems I forgot to add it. Add this code below your other colour section or at the bottom of all the CSS. This adds the banner-text and banner-text-shadow colours and resets the capitalization. So however you capitalize the name when you typed it is how it will be displayed on the banner. /* Banner Text Properties */
#cover-image-container::after {
--banner-text: #fff;
--banner-text-shadow: rgba(0,0,0,0.45);
text-transform: initial;
}gwendal738 said: Also, is there any way to make at least the footer transparent? Because my background has some important words on the bottom, and it's obscured by the footer once I get to the bottom of the page... Thank you so much in advance! Sure thing, add this to the bottom. This will enable you to easily change the background and text colours to any CSS colour you want. In this example I set the background to a half transparency black and left the text colour as it was. /* Footer Properties */
#footer-block {
/* background */
background: rgba(0,0,0,0.5) ;
}
#copyright {
/* footer text colour */
color: var(--text-head) ;
} |
Valerio_Lyndon said: Fingers crossed I didn't miss anything this time! Looks like you didn't! Everything works and looks amazing now, thanks for everything once again! |
| Cosplayer, Photographer, & Journalist. ========= Discord► Yoshe#7068 Instagram► yoshe_plays Other Social Media Links► YoshePlays |
Wow, thank you so much for providing these codes!!!! I really appreciate your efforts in providing even me, who knows next to nothing about CSS, a list style that's really pretty but also very easily customizable. Once again, thank you!!!!! |
「 I am forever your most devoted believer. 」 |
| Sorry for bothering you again! I would like to ask for one more thing - right now, my buttons are all black when they're not on hover, but I would like the logo to be visible because I usually look at my list on my ipad/phone, but since there is no hover function on those devices, I have to guess or memorize what the buttons are (so far, no luck with that - I keep forgetting and getting confused, haha). Therefore, do you think it's possible to keep at least the logo visible? Screenshot of what I mean. I hope the request is understandable, I don't know how to express it properly ><;;;; |
「 I am forever your most devoted believer. 」 |
gwendal738 said: Sorry for bothering you again! I would like to ask for one more thing - right now, my buttons are all black when they're not on hover, but I would like the logo to be visible because I usually look at my list on my ipad/phone, but since there is no hover function on those devices, I have to guess or memorize what the buttons are (so far, no luck with that - I keep forgetting and getting confused, haha). Therefore, do you think it's possible to keep at least the logo visible? Screenshot of what I mean. I hope the request is understandable, I don't know how to express it properly ><;;;; I'm pretty sure you explained it well. Try this out, adding to the bottom of your CSS. /* Header Button Properties */
.header,
.list-menu-float,
.stats,
.list-table > tbody:first-of-type {
--text: #aaa;
} |
Yes, it worked!!!! Thank you so much again!!!!!! <3 <3 <3 |
「 I am forever your most devoted believer. 」 |
| Thanks for making such an awesome theme! This guy summed it up perfectly: YoshePlays said: First of all, thank you so much for dedicating this much time to the community, I can imagine how much of a hassle it would be to cater to the mass amounts of support request from people. I've been tweaking some of the features and one of them is that I made a double-favourite icon for the "best of the best" anime like this:  However, its separated into two tags and I don't know how to make it appear just with one tag. I bet it's super easy, but I'm new to CSS, so I'd appreciate your help. The way it is set up now with two tags required:  The second thing I'd like to ask is where can I edit the anime title size and font. I looked through the source code on github but couldn't find it. Thanks! |
ffFreeze144 said: Thanks for making such an awesome theme! This guy summed it up perfectly: YoshePlays said: First of all, thank you so much for dedicating this much time to the community, I can imagine how much of a hassle it would be to cater to the mass amounts of support request from people. I've been tweaking some of the features and one of them is that I made a double-favourite icon for the "best of the best" anime like this: https://i.imgur.com/8YCqr0X.png However, its separated into two tags and I don't know how to make it appear just with one tag. I bet it's super easy, but I'm new to CSS, so I'd appreciate your help. The way it is set up now with two tags required: https://i.imgur.com/Yf4fxOa.png The second thing I'd like to ask is where can I edit the anime title size and font. I looked through the source code on github but couldn't find it. Thanks! It's not the simplest, but it is doable! Try this code out. I recommend replacing your current XX code (lines 44-64) with this new one. It shouldn't look any different after you apply the code, but you should be able to remove the "Favourite" tag from each entry and only use the one "Favouritexx" now. Let me know if there's any issues I missed. |
Valerio_LyndonJan 26, 2021 12:20 AM
| I recently found this style AND I LOVED IT. But just as I started using it a problem appeared THIS IS THE CODE: The problem is when I try to quick search, either the code for dark mode doesn't work or the color is set to what it is. This is what happens:  This thing didn't happen in my previous list style. This was my previous list style. I very much think that it has something to do with the code of these styles. Here is a picture of my previous list and it's code:  SOOOOOOOOOOOOOOOO, if someone knows how to fix this problem pleaseeee tell me. I tinkered a bit with the code but since I didn't know a lot about coding I couldn't fix it. I always turn off my chrome dark mode extension for MAL so I know that it isn't any extension which is causing the problem. 😭SOMEONE PLEASEEEEEE FIX IT FOR ME MY CONTACT INFO - MYANIMELIST: https://myanimelist.net/profile/LEGENDS_OF_ANIME DISCORD: DSG#7757 |
   StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Valerio_Lyndon said: It's not the simplest, but it is doable! Try this code out. I recommend replacing your current XX code (lines 44-64) with this new one. It shouldn't look any different after you apply the code, but you should be able to remove the "Favourite" tag from each entry and only use the one "Favouritexx" now. Let me know if there's any issues I missed. Thanks for writing the code and an explanation, it works exactly as I hoped it would! |
LEGENDS_OF_ANIME said: I recently found this style AND I LOVED IT. But just as I started using it a problem appeared … when I try to quick search, either the code for dark mode doesn't work or the color is set to what it is. This is what happens: https://i.imgur.com/Htjpe2A.png This thing didn't happen in my previous list style. Glad you like the theme. :) This happens due to a color inverting filter this theme applies. For people without dark mode themes on the main website, this makes these pages appear dark. For those with dark mode addons such as yourself though, it does the opposite. To remove the filter, add this code to the bottom of your CSS: /* ====================
Dark Mode Filter Fix */
body[data-owner="1"] #fancybox-frame { filter: none; } |
Valerio_LyndonJan 26, 2021 3:54 PM
burnerfistah said: Hello this is more of a general question. Just wanted to ask if anyone knows how to like save images I want to use for my layout so they can stay for a long time. Ive been using imgur, but occasionally I see on my list saying that the picture is no longer available so I am sort of confused if imgur just deletes the images after a certain period of time. I want to know if there is a better way to store like wallpapers, banners, etc. Freeze's response is quite accurate, Imgur is usually seen as a pretty safe bet as they have been around for many years. If you were the one who uploaded the images, then I don't know why your images may have been deleted as I have never experienced that. But, perhaps they clear out guest images every now and then? If you don't have an account with them, you could create an account and that should make sure images won't be auto deleted. The safest bet for any image is saving a copy locally to your PC, but this is obviously not linkable on your list as you need to host it on a website. Other than Imgur, there aren't too many (good) image hosts that have been around for a while that I know of, but you may be able to look into hosting images on Dropbox or something (changing the "www" in a Dropbox share link to "dl" should allow use in CSS i.e dl.dropbox.com). |
Valerio_Lyndon said: LEGENDS_OF_ANIME said: I recently found this style AND I LOVED IT. But just as I started using it a problem appeared … when I try to quick search, either the code for dark mode doesn't work or the color is set to what it is. This is what happens: https://i.imgur.com/Htjpe2A.png This thing didn't happen in my previous list style. Glad you like the theme. :) This happens due to a color inverting filter this theme applies. For people without dark mode themes on the main website, this makes these pages appear dark. For those with dark mode addons such as yourself though, it does the opposite. To remove the filter, add this code to the bottom of your CSS: /* ====================
Dark Mode Filter Fix */
body[data-owner="1"] #fancybox-frame { filter: none; }Valerio_Lyndon said: LEGENDS_OF_ANIME said: I recently found this style AND I LOVED IT. But just as I started using it a problem appeared … when I try to quick search, either the code for dark mode doesn't work or the color is set to what it is. This is what happens: https://i.imgur.com/Htjpe2A.png This thing didn't happen in my previous list style. Glad you like the theme. :) This happens due to a color inverting filter this theme applies. For people without dark mode themes on the main website, this makes these pages appear dark. For those with dark mode addons such as yourself though, it does the opposite. To remove the filter, add this code to the bottom of your CSS: /* ====================
Dark Mode Filter Fix */
body[data-owner="1"] #fancybox-frame { filter: none; }Thank you for your help. I REALLY APPRECIATE IT!!!!!! I spent hours reading your whole forum about your theme and how to add different themes and customized it. But this was the only thing holding me back from getting the perfect list style IN HISTORY (Thank you for making it) Now this list is truly PERFECT!!!!!!!!!! |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
| @Valerio_Lyndon said this to a user Valerio_Lyndon said: There's actually some built-in CSS for hiding hentai entires on the design you're currently using. If you add the tag "Hentai" to the item, it will gain a darkened overlay.I'm trying to find a custom CSS code to have the ability to shadow out hentai, so you will only be able to see it if you hover over it. I have a line of code that i tried using but it doesn't seem to work.   You could make this overlay fully opaque by adding this to the bottom of your CSS: .list-container .list-unit .list-table .list-item span a[href*="&tag=Hentai"] {
background-color: #191919;
}If you wanted this darkening done automatically (without adding a tag), it is possible, but would require the use of a browser extension and userscript, and would not be visible to other users (unless they were using the same script).[/quote] |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
MitsuhaWatanabe said: Can someone help me to blur the Cover image of Hentai titles in my list? There's a couple of ways to do this, but they're all manual. I don't think anyone has made an automatic way to tag hentai on your list yet. The easiest way would be to use tags, which could be done by adding this code to the bottom of your CSS. The main problem with this code is it uses some pretty new CSS that not all browsers have fully released support for, so if it doesn't work for you then you'll have to use the alternative option. But if it does work, then you have to give each entry you want blurred a "Hentai" tag (typed exactly as shown). Make sure this tag is placed after all your other tags, or you may see some weirdly placed commas. The caveat here is if you don't have any other tag, the little box won't disappear so it will look a little weird. This is unavoidable with the review-style tags as they are.  The alternative is to use CSS to choose what entries to blur. That code would look like this. For this, you would need to copy-paste the ".data.image a[href^="/anime/ID1/"] img," line for each new anime (with a comma after each of these lines except the last one). Then, you would change the "ID1" text to the anime ID, which can be found by look at the URL on MyAnimeList. To do this, mouse over the anime title, anime image, or visit the anime page and look at your browser's URL bar. You'll see the anime ID after the "/anime/" text:  Here's an example which blurs Jimihen and JoJo's Bizarre Adventure. Neither of these codes will blur the large image on hover as I assume you would want that to be viewable, but there are ways to blur that if desired. |
| Hello there, First I must say that I love love love your list. I had this as my manga list since I started using these custom lists. The design is soo pretty it's just how I want my list to look. Recently I learned that you can modify the list to make it even prettier. while doing that I ran into a problem How do you insert these types of codes? I just put them at the bottom without doing anything special but they won't work /*-S-T-A-R-T--------------------* | CatCol Header Text R0.0 | *------------------------------*/ .status-menu .status-button{transition:color .3s ease}.status-menu .status-button.on:nth-of-type(1),.status-menu .status-button:nth-of-type(1):hover{color:var(--accent)!important}.status-menu .status-button.on:nth-of-type(2),.status-menu .status-button:nth-of-type(2):hover{color:var(--watching)!important}.status-menu .status-button.on:nth-of-type(3),.status-menu .status-button:nth-of-type(3):hover{color:var(--completed)!important}.status-menu .status-button.on:nth-of-type(4),.status-menu .status-button:nth-of-type(4):hover{color:var(--onhold)!important}.status-menu .status-button.on:nth-of-type(5),.status-menu .status-button:nth-of-type(5):hover{color:var(--dropped)!important}.status-menu .status-button.on:nth-of-type(6),.status-menu .status-button:nth-of-type(6):hover{color:var(--plantowatch)!important} /*------------------------E-N-D-*/ Thank you for your good work!!   |
-Ryoto-Feb 8, 2021 12:12 AM
MeSsI-AKA-FERNO said: I ran into a problem How do you insert these types of codes? I just put them at the bottom without doing anything special but they won't work I believe this is a simple case of some missing formatting. If you add a closing curly brace "}" to the end of line 11, this should allow the later code to work. It must have got deleted at some point by accident. Example image below. Hopefully that works for you. Glad you like the list. :) |
Valerio_Lyndon said: attachment said: yes,that is exactly what I want. If this looks good, then add the code to the bottom of your CSS. Hi there, and thanks for your hard work! Is there a way I can apply this to all the categories except All Anime? I want it to look like the request above for just those other 5 categories. |
Please sign up for MangAlert! It's a little project I made that I'd really like to see the light of day and some users. MangAlert! (please sign up!) GitHub Repo (please star!) |
Valerio_Lyndon said: MeSsI-AKA-FERNO said: I ran into a problem How do you insert these types of codes? I just put them at the bottom without doing anything special but they won't work I believe this is a simple case of some missing formatting. If you add a closing curly brace "}" to the end of line 11, this should allow the later code to work. It must have got deleted at some point by accident. Example image below. Hopefully that works for you. Glad you like the list. :) Yes! It worked, thank you very much!!  Uhhh I ran into another issue How do you make the render smaller? |
-Ryoto-Feb 10, 2021 7:59 PM
Great. :) To make the renders smaller you can add a "background-size: x y;" line to the respective left or right render code block. The first bit after the colon is the horizontal (or "x") position, with the second being the vertical (or "y") position. I recommend setting one of these to auto, which will keep the render's sizing equal to itself. Then you can set the other one, most likely the vertical position since that seems to be the issue, to any pixel or percent value. Here's some examples: background-size: auto 70%; background-size: 250px auto; background-size: auto 45%; Make sure this new line gets placed within the curly brackets of left or right render section. Hopefully that makes sense. |
Uji_Gintoki_Bowl said: Hi there, and thanks for your hard work! Is there a way I can apply this to all the categories except All Anime? I want it to look like the request above for just those other 5 categories. Try this out. It should do what you describe, but I haven't extensively tested to see if it fits with your other modifications perfectly so you'll have to let me know if there is an issue. |
Valerio_Lyndon said: Great. :) To make the renders smaller you can add a "background-size: x y;" line to the respective left or right render code block. The first bit after the colon is the horizontal (or "x") position, with the second being the vertical (or "y") position. I recommend setting one of these to auto, which will keep the render's sizing equal to itself. Then you can set the other one, most likely the vertical position since that seems to be the issue, to any pixel or percent value. Here's some examples: background-size: auto 70%; background-size: 250px auto; background-size: auto 45%; Make sure this new line gets placed within the curly brackets of left or right render section. Hopefully that makes sense. It worked!! Thank you very much!! (also sorry if these were already asked)  |
| Hello, since a couple of days large covers no longer load in my list, they appear as a white blank page. I didn't change anything in my css since you helped me with my problem with large covers not loading while switching from manga to anime list. MAL probably has changed something related to this? |
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [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 |
|
» [CSS/BBCODE] ⭐️ How to view anyone's CSS or BBcodes (for lists, profiles, or clubs)!Shishio-kun - Feb 6, 2012 |
37 |
by sunnysummerday
»»
Jun 11, 7:44 PM |