❓ Ask for help here + See Frequently Asked Questions

Offline

Feb 2010

12660

IrrelevantGuy said:
Hello!

I chose a Yui Hirasawa themed premade layout for my anime list a few weeks ago which I want to use for my manga list as well, but I can't seem to find it again. I searched in the thread where all the premade layouts are listed, but I couldn't find it. So I would appreciate it a lot if someone shared the link to me.

Thank you!

Clarity?
https://myanimelist.net/forum/?topicid=1723114

Feb 27, 2021 10:15 AM

#6704

IrrelevantGuy

Offline

Jan 2020

7395

Shishio-kun said:

IrrelevantGuy said:
Hello!

I chose a Yui Hirasawa themed premade layout for my anime list a few weeks ago which I want to use for my manga list as well, but I can't seem to find it again. I searched in the thread where all the premade layouts are listed, but I couldn't find it. So I would appreciate it a lot if someone shared the link to me.

Thank you!

Clarity?
https://myanimelist.net/forum/?topicid=1723114

Yes, that's it. Thanks again!

My Rewrite Contributions

My Anime List | My Manga List

My Reviews | My Interview

Feb 27, 2021 11:18 AM

#6705

778reshi

Offline

Apr 2019

1

Hi, I really liked one of the custom lists by nymphiae and tried to get one of them but got an error related to adf.ly. Do you know anything about it? I'm talking about this website http://shirousagi.netii.net

Thank you!!

Feb 28, 2021 12:42 AM

#6706

RossoYorozuya

Offline

Mar 2018

208

Not sure this is the right place to ask (tell me if not), but what do I need to do with the CSS if I want to add these kinds of labels at the top of my custom layout? I'm using a slightly modified version of Takana no hana's Line Style 2 layout

My layout's current CSS:

RossoYorozuyaFeb 28, 2021 1:20 AM

"~and he loved to play the piano!"

Feb 28, 2021 9:48 AM

#6707

Uji_Gintoki_Bowl

Offline

Feb 2020

972

Hi again! Is it possible to move my score sort button (most commonly used, and I want it to be more easily accessible) to the center top of my list shown in the image below, while maintaining all other functionality? And maybe also make it say 'sort by score' instead of just 'score'. Thanks!

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!)

Feb 28, 2021 9:20 PM

#6708

ZaryaabCR7

Offline

Feb 2021

2

hey I was wondering how I would remove this line from the page. https://imgur.com/a/V28SyKS i am new to css so some help would be helpful. what I am trying to do is put a gap between the top header and the quote/menu bar

Feb 28, 2021 9:38 PM

#6709

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

Uji_Gintoki_Bowl said:
Hi again! Is it possible to move my score sort button (most commonly used, and I want it to be more easily accessible) to the center top of my list shown in the image below, while maintaining all other functionality? And maybe also make it say 'sort by score' instead of just 'score'. Thanks!

It's possible, but when you hover over the score button it will activate the sort menu expand animation. This is an annoying side effect of how CSS dropdown menus work.

Feb 28, 2021 9:54 PM

#6710

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

ZaryaabCR7 said:
hey I was wondering how I would remove this line from the page. https://imgur.com/a/V28SyKS i am new to css so some help would be helpful. what I am trying to do is put a gap between the top header and the quote/menu bar

To remove the black bar, disable the cover image in your theme settings.

Alternatively, add this to the bottom (not recommended unless you cannot disable your cover image somehow).

To add a space between the menu bar and the list, try adding this to the bottom of your CSS. You can adjust the "350px" to a different number if you wish.

/* Add a gap between menu bar and list */

:root { 
	--menu-spacing: 350px; /* change number here */
}

.list-block {
	padding-top: var(--menu-spacing);
}

.list-table .list-table-header {
	margin-top: calc(-515px - var(--menu-spacing));
}

.list-unit .list-status-title .stats {
	margin-top: calc(-550px - var(--menu-spacing));
}

Feb 28, 2021 10:07 PM

#6711

ZaryaabCR7

Offline

Feb 2021

2

i actually wanted the gap between the cover image and the menu bar. not the menu bar and list

Feb 28, 2021 10:12 PM

#6712

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

778resh said:
Hi, I really liked one of the custom lists by nymphiae and tried to get one of them but got an error related to adf.ly. Do you know anything about it? I'm talking about this website http://shirousagi.netii.net

Thank you!!

This error?

Looks like it's something only Nymphiae can fix if her account has been suspended. Might just be that the account was inactive for too long. Anyhow, you would have to get in contact with @nymphiae.

Feb 28, 2021 10:15 PM

#6713

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

ZaryaabCR7 said:
i actually wanted the gap between the cover image and the menu bar. not the menu bar and list

I see. Then that's a bit easier, it can be done by adding a margin to the cover-block section. If you're keeping the cover image, you can remove the line by modifying the box-shadow instead of my previous solutions.

Feb 28, 2021 10:25 PM

#6714

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

NikoruWasOnly15 said:
Not sure this is the right place to ask (tell me if not), but what do I need to do with the CSS if I want to add these kinds of labels at the top of my custom layout? I'm using a slightly modified version of Takana no hana's Line Style 2 layout

My layout's current CSS:

That's a semi-tricky answer. The easiest way would be to remove in regards to the sort menu. This one:

The trick is knowing what code to remove. In this case, I've done it for you. So, you can replace all your current CSS with this new version [Code] that has the sort menu code removed. I also added some new styling to make the headers look a little more in place with the theme. Here's a difference comparison of the code if you wish: [Difference].

This will remove the sort menu entirely, but this is unavoidable if you want the headers back as they utilize the same elements on the page so only one can exist at once.

Feb 28, 2021 10:57 PM

#6715

RossoYorozuya

Offline

Mar 2018

208

Valerio_Lyndon said:

NikoruWasOnly15 said:
Not sure this is the right place to ask (tell me if not), but what do I need to do with the CSS if I want to add these kinds of labels at the top of my custom layout? I'm using a slightly modified version of Takana no hana's Line Style 2 layout

My layout's current CSS:

That's a semi-tricky answer. The easiest way would be to remove in regards to the sort menu. This one:

The trick is knowing what code to remove. In this case, I've done it for you. So, you can replace all your current CSS with this new version [Code] that has the sort menu code removed. I also added some new styling to make the headers look a little more in place with the theme. Here's a difference comparison of the code if you wish: [Difference].

This will remove the sort menu entirely, but this is unavoidable if you want the headers back as they utilize the same elements on the page so only one can exist at once.

Thank you so much. It's exactly what I was looking for!

"~and he loved to play the piano!"

Mar 1, 2021 3:47 AM

#6716

Uji_Gintoki_Bowl

Offline

Feb 2020

972

Valerio_Lyndon said:

Uji_Gintoki_Bowl said:
Hi again! Is it possible to move my score sort button (most commonly used, and I want it to be more easily accessible) to the center top of my list shown in the image below, while maintaining all other functionality? And maybe also make it say 'sort by score' instead of just 'score'. Thanks!

It's possible, but when you hover over the score button it will activate the sort menu expand animation. This is an annoying side effect of how CSS dropdown menus work.

That's not a problem at all. Thank you!

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!)

Mar 6, 2021 12:00 AM

#6717

Offline

Feb 2020

488

Hi!

Could someone please help me with my forum signiture gif resize? I would need to resize my signature file under 300kb. Is it possible with this current gif without loosing pixels? I would appreciate any suggestions. Thank you in advance!

Mar 6, 2021 12:45 AM

#6718

Offline

Feb 2010

12660

2Fujiwara2 said:
Hi!

Could someone please help me with my forum signiture gif resize? I would need to resize my signature file under 300kb. Is it possible with this current gif without loosing pixels? I would appreciate any suggestions. Thank you in advance!

You have to edit it in JASC Animation Shop to lower the memory size- remove frames and maybe size the resolution down. You could remove colors, but that will destroy the quality. Removing frames should be enough.

Mar 6, 2021 9:46 AM

#6719

L0renz

Offline

Nov 2018

1

Hello everyone,

I've installed this https://myanimelist.net/forum/?topicid=1862835 layout by 5cm and edited it with the code from comment #8 by Shishio to increase the length of the table but this has broken my list https://imgur.com/yxkHt0x and I wanted to ask if there was any obvious fix for this or a mistake I could've made.

Mar 6, 2021 10:09 AM

#6720

Xeriin

Offline

Oct 2019

287

Hi, um on my list for each anime the date it began to air and the rating are stacked on top of each other and i don't really know how to fix it, im wanting to get rid of the airing date but keep the age rating. Thanks in advance :) (also for my wallpaper at the top of my list how do i make it automatically resize with the dimensions of the page because sometimes a yellow wallpaper shows up behind it)
CODE:

XeriinMar 6, 2021 10:39 AM

signature under construction lol

Mar 6, 2021 10:48 AM

#6721

Offline

Feb 2010

12660

L0renz said:
Hello everyone,

I've installed this https://myanimelist.net/forum/?topicid=1862835 layout by 5cm and edited it with the code from comment #8 by Shishio to increase the length of the table but this has broken my list https://imgur.com/yxkHt0x and I wanted to ask if there was any obvious fix for this or a mistake I could've made.

That post was intended for a typical PC screen, but your screen resolution looks like a tablet or something, its vertically longer than wide, so maybe that's why its not working right. Maybe try this:

body::before,
body::after {
height: 1260px;
}

footer {
top: 1278px;
height: 173px;
}

You might have to adjust the px amounts after height a bit until it fits right.

Mar 6, 2021 1:26 PM

#6722

removed-user

Offline

Jul 2018

561874

Valerio_Lyndon said:

CameronMZ said:
Okay, so I have a concept for a list design.

Basically, I want the status menu from Grid Style 1 by Takana no Hana as well as the banner, although with a smaller height and without overlapping with the list. For the list itself, I want the list from Clarity by Valerio Lyndon.

When I try to snip the CSS of the status-menu, I get this code. Using just this code ends up with a weird result, as can be seen in my anime list.

I know this request is probably way too complicated, but I figured I'd ask for tips since this is going to be my first CSS project and I just can't get the idea out of my head.

I was going to respond with an explanation of how to do this, but it's going to be pretty compicated to explain even in video form if you don't understand CSS too much. In the most basic of explanations though, it looks weird due to CSS having a lot of parent/child styling relating to each other so things will often need tweaking when transferring to a different list/style even if they appear self contained at first.

First off though, do you only want the status menu (category buttons, avatar, banner) or do you want the entire surrounding theme (background, header bar, footer, etcetera)? I can use this information to make a working example. I can record myself making that example and show my process but I think that's the easiest way to show this without going over all the CSS basics of using Inspect Element/dev tools and fixing positioning/styles.

I guess the status menu and the entire surrounding theme, since I can always change the background picture and transparency of the list items if I want to switch things up. Honestly, thank you so so much I know this is a lot and I'm really freaking excited.

Mar 6, 2021 8:01 PM

#6723

Powish

Offline

Jan 2021

18

Hi
I couldnt find option to do this anywhere in the settings, so i was wondering if it's possible to make mal use english titles of anime on your list using custom css?

Mar 6, 2021 10:52 PM

#6724

Offline

Feb 2010

12660

Powish said:
Hi
I couldnt find option to do this anywhere in the settings, so i was wondering if it's possible to make mal use english titles of anime on your list using custom css?

It's possible, but I don't have an extension for this. Searching the topics on this for a script for it is the best you might be able to get. Lots of people request this feature so I think its possible someone linked a script on it

https://myanimelist.net/forum/?board=4
https://myanimelist.net/forum/?board=3

Mar 6, 2021 11:26 PM

#6725

Offline

Feb 2020

488

Shishio-kun said:

2Fujiwara2 said:
Hi!

Could someone please help me with my forum signiture gif resize? I would need to resize my signature file under 300kb. Is it possible with this current gif without loosing pixels? I would appreciate any suggestions. Thank you in advance!

You have to edit it in JASC Animation Shop to lower the memory size- remove frames and maybe size the resolution down. You could remove colors, but that will destroy the quality. Removing frames should be enough.

Love you @Shishio-kun! We did it with two different gif resizer and the one you suggested. It's now under 300kb. Thank you again! #_#

Mar 6, 2021 11:47 PM

#6726

Offline

Feb 2010

12660

Xeross said:
Hi, um on my list for each anime the date it began to air and the rating are stacked on top of each other and i don't really know how to fix it, im wanting to get rid of the airing date but keep the age rating. Thanks in advance :) (also for my wallpaper at the top of my list how do i make it automatically resize with the dimensions of the page because sometimes a yellow wallpaper shows up behind it)
CODE:

That layout isn't made for all those settings, but I'm updating it for all settings so you should try the new version later when I'm done with it. You can add this to the bottom for now to move the airing and starting where you want

.list-table .list-table-data:hover .data.progress{
color: black;
}

.list-table .list-table-data:hover .data.airing-started{
position: absolute;
height: 10px !important;
margin-top: 122px;
margin-left: 20px;
color: black;
}

.list-table .list-table-data:hover .data.airing-finished{
position: absolute;
height: 10px !important;
margin-top: 122px;
margin-left: 75px;
color: black;
}

.list-table .list-table-data:hover .data.started{
position: absolute;
margin-top:-35px;
margin-left: 0px;
color: black;
}

.list-table .list-table-data:hover .data.finished{
position: absolute;
margin-top: -35px;
margin-left: 60px;
color: black;
}

.list-table .list-table-data:hover .data.type{
color: black;
}

.list-table .list-table-data .data.rated,
.list-table .list-table-data .data.airing-started,
.list-table .list-table-data .data.airing-finished,
.list-table .list-table-data .data.started,
.list-table .list-table-data .data.finished,
.list-table .list-table-data .data.season,
.list-table .list-table-data .data.studio{
opacity: 0;
}

.list-table .list-table-data:hover .data.rated,
.list-table .list-table-data:hover .data.airing-started,
.list-table .list-table-data:hover .data.airing-finished,
.list-table .list-table-data:hover .data.started,
.list-table .list-table-data:hover .data.finished,
.list-table .list-table-data:hover .data.title .link,
.list-table .list-table-data:hover .data.progress,
.list-table .list-table-data:hover .data.type,
.list-table .list-table-data:hover .data .edit a:after,
.list-table .list-table-data:hover .data.title span,
.list-table .list-table-data:hover .data.tags,
.list-table .list-table-data:hover .data.season,
.list-table .list-table-data:hover .data.studio{
opacity: 1;
visibility: visible !important;}

Under the banner code where you add the background, change or add

background-size: contain !important;
or
background-size: cover !important;

and see if those set the banner how you want

Shishio-kunMar 7, 2021 12:02 AM

Mar 6, 2021 11:47 PM

#6727

Offline

Feb 2010

12660

2Fujiwara2 said:

Shishio-kun said:

You have to edit it in JASC Animation Shop to lower the memory size- remove frames and maybe size the resolution down. You could remove colors, but that will destroy the quality. Removing frames should be enough.

Love you @Shishio-kun! We did it with two different gif resizer and the one you suggested. It's now under 300kb. Thank you again! #_#

Awesome :D

Mar 7, 2021 12:14 AM

#6728

Offline

Feb 2020

488

Shishio-kun said:

2Fujiwara2 said:

Love you @Shishio-kun! We did it with two different gif resizer and the one you suggested. It's now under 300kb. Thank you again! #_#

Awesome :D

You are the strongest helping hand here.

You'll need to write a parchment code for the times you will no longer available. So we can edo tensei you to help us out. 😆

Btw how can i over write an inspect element code which is crossed out? Like so; C̶o̶l̶o̶r̶:̶ ̶b̶l̶u̶e̶#̶x̶y̶

CyroseMar 7, 2021 12:51 AM

Mar 7, 2021 12:35 AM

#6729

Offline

Feb 2010

12660

2Fujiwara2 said:

Shishio-kun said:

Awesome :D

You are the storgest helping hand here.

You'll need to write a parchment code for the times you will no longer available. So we can edo tensei you to help us out. 😆

Btw how can i up write an inspect element code which is crossed out? Like so; C̶o̶l̶o̶r̶:̶ ̶b̶l̶u̶e̶#̶x̶y̶

It needs !important and probably at the bottom of the code to overwrite everything else

Color: blue !important;

Mar 7, 2021 8:08 AM

#6730

Xeriin

Offline

Oct 2019

287

Shishio-kun said:

Xeross said:
Hi, um on my list for each anime the date it began to air and the rating are stacked on top of each other and i don't really know how to fix it, im wanting to get rid of the airing date but keep the age rating. Thanks in advance :) (also for my wallpaper at the top of my list how do i make it automatically resize with the dimensions of the page because sometimes a yellow wallpaper shows up behind it)
CODE:

That layout isn't made for all those settings, but I'm updating it for all settings so you should try the new version later when I'm done with it. You can add this to the bottom for now to move the airing and starting where you want

Under the banner code where you add the background, change or add

background-size: contain !important;
or
background-size: cover !important;

and see if those set the banner how you want

Thank you so much! That code put the airdate in a great place tbh and although the wallpaper code didn't work I just changed the colour of the wallpaper behind it to a much darker a colour and it's ok now. Thanks again for that :)

signature under construction lol

Mar 7, 2021 11:21 PM

#6731

Offline

Feb 2020

488

[quote=Shishio-kun message=62235555][quote=2Fujiwara2 message=62235434][quote=Shishio-kun message=62235253][quote=2Fujiwara2 message=62235108][quote=Shishio-kun message=62224598]

2Fujiwara2 said:

It needs !important and probably at the bottom of the code to overwrite everything else

Color: blue !important;

Okay, so i tried to show you the picture but I get banned because something is up with the bbcode links. What I trying to do is to change the color of the logo [myanimelist] which is a little bit more challenging for me because it's seems that is not letters but a picture I supposes. So is there a way to change that logo, if yes would you mind send me a code for that? I would a really ppreciate it.

Mar 8, 2021 12:30 AM

#6732

Offline

Feb 2010

12660

@2Fujiwara2
This is the logo code, yeah you need to replace the image

.header .header-title {
position: absolute;
top: 21px;
background-image: url("/img/pc/ownlist/logo_mal.png");
background-position: left top;
background-repeat: no-repeat;
background-size: auto 36px;
display: block;
width: 240px;
height: 36px;
text-indent: -9999px;
overflow: hidden;
}

You should really check out the "For Designers" videos for how to do these advanced customizations
https://myanimelist.net/forum/?topicid=1499059#msg60620755

Mar 8, 2021 11:34 AM

#6733

Offline

Feb 2020

488

Shishio-kun said:
@2Fujiwara2
This is the logo code, yeah you need to replace the image

.header .header-title {
position: absolute;
top: 21px;
background-image: url("/img/pc/ownlist/logo_mal.png");
background-position: left top;
background-repeat: no-repeat;
background-size: auto 36px;
display: block;
width: 240px;
height: 36px;
text-indent: -9999px;
overflow: hidden;
}

You should really check out the "For Designers" videos for how to do these advanced customizations
https://myanimelist.net/forum/?topicid=1499059#msg60620755

You are so wonderfully kind! Yes, I should really watch all of those tutorials before I ask any more questions. :)

Thank you so much for the code and for the link!

CyroseMar 9, 2021 4:34 AM

Mar 8, 2021 11:02 PM

#6734

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

CameronMZ said:
I guess the status menu and the entire surrounding theme, since I can always change the background picture and transparency of the list items if I want to switch things up. Honestly, thank you so so much I know this is a lot and I'm really freaking excited.

Try this out, see if it's something like you were thinking. Here's the code: [Code]

This version uses the light colours, but to change it to dark you could find the variables section (CTRL+F to search for "CLARITY INSERT" in the code) and copy-paste the variables from Clarity's Dark Mode. These variables can be used to overwrite the others in the code (found at line ~1782) or just pasted below. You can also modify any of these variables. For instance, for transparent list rows you could change --bg from "#212121" to "rgba(0,0,0,0.5)".

This will probably work with many of the mods from the Clarity forum thread, but some may need tweaking.

If you are curious, here's a video of me editing the themes together (~20 minutes). Not sure how useful it will prove but it exists nonetheless.

Mar 9, 2021 12:00 AM

#6735

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

Powish said:
Hi
I couldnt find option to do this anywhere in the settings, so i was wondering if it's possible to make mal use english titles of anime on your list using custom css?

It's possible with certain tools, but not by default. I answered someone else with a similar question here if you want to check that out and let me know if it works for you and if it makes sense: https://myanimelist.net/forum/?topicid=1901006#msg62257262

Mar 9, 2021 7:30 AM

#6736

Powish

Offline

Jan 2021

18

Valerio_Lyndon said:

It's possible with certain tools, but not by default. I answered someone else with a similar question here if you want to check that out and let me know if it works for you and if it makes sense: https://myanimelist.net/forum/?topicid=1901006#msg62257262

Thank you so much, it worked :3

Mar 9, 2021 8:53 AM

#6737

removed-user

Offline

Jul 2018

561874

Valerio_Lyndon said:

CameronMZ said:
I guess the status menu and the entire surrounding theme, since I can always change the background picture and transparency of the list items if I want to switch things up. Honestly, thank you so so much I know this is a lot and I'm really freaking excited.

Try this out, see if it's something like you were thinking. Here's the code: [Code]

This version uses the light colours, but to change it to dark you could find the variables section (CTRL+F to search for "CLARITY INSERT" in the code) and copy-paste the variables from Clarity's Dark Mode. These variables can be used to overwrite the others in the code (found at line ~1782) or just pasted below. You can also modify any of these variables. For instance, for transparent list rows you could change --bg from "#212121" to "rgba(0,0,0,0.5)".

This will probably work with many of the mods from the Clarity forum thread, but some may need tweaking.

If you are curious, here's a video of me editing the themes together (~20 minutes). Not sure how useful it will prove but it exists nonetheless.

HOLY CRAP you are amazing!! There's only two little things I want to change. First, how would I make the banner image different for each list (completed, on hold, etc.)? Second, is it possible to make the list items not overlap with the banner image?

I seriously cannot thank you enough. This is incredible.

Mar 9, 2021 11:40 PM

#6738

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

CameronMZ said:
how would I make the banner image different for each list (completed, on hold, etc.)?

If you find the /* BANNER BACKGROUND */ text near the top of your code, we can modify some things here. You can see there are actually a few different selectors/codes for different categories here already, just in a comma-separated list form so they all are currently using the same code. We can separate them out by removing the comma and adding their own curly brace section {}.

Here's what the code looks like after being separated out. I kept the watching/reading and plantowatch/plantoread sections grouped (by comma) because they're the same categories, just one is for the animelist and one is for the mangalist.

.list-unit.watching .list-status-title:after,
.list-unit.reading .list-status-title:after {
	background-image: url(URLHERE);
}
.list-unit.completed .list-status-title:after {
	background-image: url(URLHERE);
}
.list-unit.onhold .list-status-title:after {
	background-image: url(URLHERE);
}
.list-unit.dropped .list-status-title:after {
	background-image: url(URLHERE);
}
.list-unit.plantowatch .list-status-title:after,
.list-unit.plantoread .list-status-title:after {
	background-image: url(URLHERE);
}
.list-unit.all_anime .list-status-title:after {
	background-image: url(URLHERE);
}

From there, you can just replace any of the URL's with your new images same as the other images in the theme.

CameronMZ said:
is it possible to make the list items not overlap with the banner image?

There are a few ways, one of which is to size down the banner a bit by changing it's "height" property.

.list-block .list-unit .list-status-title::after {
	height: 500px !important;
	background-size: cover; /* adjust image crop */
}

Or you could increase the "margin" or "padding" of an element relating to the list. I found the easiest one to modify is to add a margin to the second .list-item, like so:

.list-item:nth-of-type(2) {
	margin-top: 170px;
}

CameronMZ said:
I seriously cannot thank you enough. This is incredible.

Glad I could help.

Mar 10, 2021 8:34 PM

#6739

Lovlis

Offline

Oct 2019

269

This is probably really... stupid, but for some reason the commas in the tag column of my manga list can't be seen. You can see them in the anime list tho. I recently converted the "tags" to "notes", so that might have something to do with it. Periods and other punctuation can be seen as well.
When I highlight it I can see it, so i think it somehow is blending into my black background (even though the font color i put was white). Is there a way to change the font color for commas...?

Also, on my manga list (anime is fine), I can't seem to find the "notes" column title. It's just a blank. My code seems to be fine but I'm not sure. Any tips?

╭⋟──────────────────────╮
"All problems come from the
human mind. In the mind, one's
consciousness is just the tip of
the iceberg. What lies beneath
the surface... the subconscious...
is far more vast."
- Shun Aonuma
╰──────────────────────⋞╯

Mar 10, 2021 10:39 PM

#6740

Offline

Feb 2010

12660

Lovlis said:
This is probably really... stupid, but for some reason the commas in the tag column of my manga list can't be seen. You can see them in the anime list tho. I recently converted the "tags" to "notes", so that might have something to do with it. Periods and other punctuation can be seen as well.
When I highlight it I can see it, so i think it somehow is blending into my black background (even though the font color i put was white). Is there a way to change the font color for commas...?

Also, on my manga list (anime is fine), I can't seem to find the "notes" column title. It's just a blank. My code seems to be fine but I'm not sure. Any tips?

The text these codes control don't have any color so you can't see it, you should be able to edit it by adding this to the bottom.

.list-table > tbody:nth-of-type(2n+1),
.list-table, .list-container,
.list-table .list-table-header .header-title{
color: white;
}

Also your preview pics don't show up in the latest Chrome, you need the fix from the newsletter I just posted yesterday morning

Mar 11, 2021 12:41 AM

#6741

Lovlis

Offline

Oct 2019

269

Shishio-kun said:

Lovlis said:
This is probably really... stupid, but for some reason the commas in the tag column of my manga list can't be seen. You can see them in the anime list tho. I recently converted the "tags" to "notes", so that might have something to do with it. Periods and other punctuation can be seen as well.
When I highlight it I can see it, so i think it somehow is blending into my black background (even though the font color i put was white). Is there a way to change the font color for commas...?

Also, on my manga list (anime is fine), I can't seem to find the "notes" column title. It's just a blank. My code seems to be fine but I'm not sure. Any tips?

The text these codes control don't have any color so you can't see it, you should be able to edit it by adding this to the bottom.

.list-table > tbody:nth-of-type(2n+1),
.list-table, .list-container,
.list-table .list-table-header .header-title{
color: white;
}

Also your preview pics don't show up in the latest Chrome, you need the fix from the newsletter I just posted yesterday morning

it worked, thank you so much! And ty for the update.

Also, how can i change the color of category titles? (Image, title, score, etc)

╭⋟──────────────────────╮
"All problems come from the
human mind. In the mind, one's
consciousness is just the tip of
the iceberg. What lies beneath
the surface... the subconscious...
is far more vast."
- Shun Aonuma
╰──────────────────────⋞╯

Mar 11, 2021 1:30 AM

#6742

Offline

Feb 2010

12660

Lovlis said:

Shishio-kun said:

The text these codes control don't have any color so you can't see it, you should be able to edit it by adding this to the bottom.

.list-table > tbody:nth-of-type(2n+1),
.list-table, .list-container,
.list-table .list-table-header .header-title{
color: white;
}

Also your preview pics don't show up in the latest Chrome, you need the fix from the newsletter I just posted yesterday morning

it worked, thank you so much! And ty for the update.

Also, how can i change the color of category titles? (Image, title, score, etc)

The code for it might in your CSS

But if not right click the thing you want in Firefox, then choose Inspect Element, and the code for it should be there. You can copy it to your CSS and add color codes etc. I go over this in the Inspect Element video for designers in this club
https://myanimelist.net/forum/?topicid=1499059#msg60620755

Mar 11, 2021 2:27 AM

#6743

Lovlis

Offline

Oct 2019

269

Shishio-kun said:

Lovlis said:

it worked, thank you so much! And ty for the update.

Also, how can i change the color of category titles? (Image, title, score, etc)

The code for it might in your CSS

But if not right click the thing you want in Firefox, then choose Inspect Element, and the code for it should be there. You can copy it to your CSS and add color codes etc. I go over this in the Inspect Element video for designers in this club
https://myanimelist.net/forum/?topicid=1499059#msg60620755

ah i got it, thanks again!

╭⋟──────────────────────╮
"All problems come from the
human mind. In the mind, one's
consciousness is just the tip of
the iceberg. What lies beneath
the surface... the subconscious...
is far more vast."
- Shun Aonuma
╰──────────────────────⋞╯

Mar 12, 2021 6:48 PM

#6744

mistersunday

Offline

May 2014

255

I need help with my headers. So I used to have headers on my list but they randomly disappeared today. When I mean headers I'm referring to the titles in the "All Anime" section that differentiate the anime on your list.

This is an example:

I have the categories as tabs but I also want them as headers throughout my list. I also have the status bars but those aren't always very clear.

Can someone help me?

I'm using Google Chrome and here's my code for reference:

Mar 12, 2021 10:11 PM

#6745

Offline

Feb 2010

12660

mistersunday said:
I need help with my headers. So I used to have headers on my list but they randomly disappeared today. When I mean headers I'm referring to the titles in the "All Anime" section that differentiate the anime on your list.

This is an example:

I have the categories as tabs but I also want them as headers throughout my list. I also have the status bars but those aren't always very clear.

Can someone help me?

I'm using Google Chrome and here's my code for reference:

Maybe the headers are gone because of Chrome changes that are also stopping the HD preview pics for some people. They may still be visible in Firefox which hasn't made the changes Chrome did as far as I know.

You should check Clarity's topic for header codes if they are there. Or request the code for them. I want you to do it there so ppl in the future can see it too if they have the same request
https://myanimelist.net/forum/?topicid=1723114

You have no HD preview pics in Chrome either, see here:
https://myanimelist.net/forum/?topicid=1904359

Mar 13, 2021 6:22 AM

#6746

Offline

Feb 2020

488

*Edit: after a lot of patience and trying I managed to work this out.
Here is how I solved;

Hi! Could someone help me how can I set different colors for the list and profile? Because of my costume theme effects those parts on the CCS. Problem shown in the images. *Edit: I fixed this issue with set the profile colors to transparent.

I do however interested on this advanced customization.*fixed*

Edit: Even though I'm suffering, this inspect element is really entertaining. :D

thank you!

CyroseMar 14, 2021 2:52 PM

Mar 14, 2021 9:49 PM

#6747

Kimolga

Offline

Sep 2020

1

First of all, thank you for all of your posts. I wouldn't have come this far, without your explanations! :3
So I use this grid 1 list design: [url]https://myanimelist.net/forum/?topicid=1640096[/url]. I was able to set it up, as I wanted, except of two things: The banner and the cursor. The layout I used had a custom cursor installed and I don't know how to change it back, so that I have my standard cursor. I firstly liked the banner, but then decided to include more shows per row, but now the banner doesn't fit any more of course and I wasn't able to remove that as well :'3

This is how my list looks like: [url] https://myanimelist.net/animelist/Kimolga?status=2 [/url]
and this is the CSS I use: [url] https://pastebin.com/9TzqEvPz [/url]

Thanks for your attention

[EDIT]

So I was able to get the cursor out of sight and in the end decided to go along with less shows in a row, as it has a better contrast to the background with the greyish background and this way I can get my render back.
So the last thing that stil buggs me is the banner. As already mentioned I would like my list without one. I saw this:

but it didn't work for me. I found CSS lines that looked very similar, so I tried to adjust them and even erased them to paste those lines, but both things didn't change the look of the banner, when I changed the height/width values sadly.
I got the CSS from this url by the way: [url]https://myanimelist.net/forum/?topicid=1640096[/url]

KimolgaMar 17, 2021 6:27 AM

Mar 15, 2021 10:20 AM

#6748

mistersunday

Offline

May 2014

255

Shishio-kun said:

mistersunday said:
I need help with my headers. So I used to have headers on my list but they randomly disappeared today. When I mean headers I'm referring to the titles in the "All Anime" section that differentiate the anime on your list.

This is an example:

I have the categories as tabs but I also want them as headers throughout my list. I also have the status bars but those aren't always very clear.

Can someone help me?

I'm using Google Chrome and here's my code for reference:

Maybe the headers are gone because of Chrome changes that are also stopping the HD preview pics for some people. They may still be visible in Firefox which hasn't made the changes Chrome did as far as I know.

You should check Clarity's topic for header codes if they are there. Or request the code for them. I want you to do it there so ppl in the future can see it too if they have the same request
https://myanimelist.net/forum/?topicid=1723114

You have no HD preview pics in Chrome either, see here:
https://myanimelist.net/forum/?topicid=1904359

Thanks for letting me know, I ended up posting there and it ended up being a problem with Chrome, thanks for the help!

Mar 15, 2021 10:47 AM

#6749

risulasasa

Offline

May 2019

1

Hello! So my problem is that nobody except me can see the CSS background and cursor, even I myself can't see it if I am in incognito mode. I've been searching for a solution for over an hour now, and I just can't find a fix. Thank you for reading and if you know the answer for my problem please let me know.
Here's the CSS I am using

Edit: The fix for this problem was incorrect image hosting. To get rid of the problem you have to use imgur. Thanks to Shishio-kun for help!

risulasasaMar 15, 2021 11:52 AM

Mar 15, 2021 11:39 AM

#6750