❓ Ask for help here + See Frequently Asked Questions

Sep 22, 2020 7:13 AM

Offline

Feb 2020

972

Hello there! I'm trying to make some changes to my list, one of which is to make my 10s stand out. I'm trying to change the title text color currently, but it wasn't working. (I edited the code posted to change text color based on status).

.list-item .data.score-10 ~ .title .link {
/* Entries with 10/10 color change */
color: yellow !important;
}

I'm sorry if this is completely off, but it didn't end up working, and I was wondering what I could try and do to fix that. 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!)

Sep 22, 2020 11:35 AM

#6402

Valerio_Lyndon

平沢唯

Offline

Dec 2016

2206

Uji_Gintoki_Bowl said:
Hello there! I'm trying to make some changes to my list, one of which is to make my 10s stand out. I'm trying to change the title text color currently, but it wasn't working. (I edited the code posted to change text color based on status).

.list-item .data.score-10 ~ .title .link {
/* Entries with 10/10 color change */
color: yellow !important;
}

I'm sorry if this is completely off, but it didn't end up working, and I was wondering what I could try and do to fix that. Thank you!

This code will work.

.data.score .score-10 {
/* Entries with 10/10 color change */
	color: yellow !important;
}

The CSS for the other scores would be:

.data.score .score-9
.data.score .score-8
.data.score .score-7
.data.score .score-6
.data.score .score-5
.data.score .score-4
.data.score .score-3
.data.score .score-2
.data.score .score-1
.data.score .score-na

Install list designs without any CSS knowledge!

Support me on Ko-fi. • Check out my list designs.

What am I working on right now?

Sep 23, 2020 10:45 PM

#6403

arcanafool

Offline

Sep 2020

29

Hi there! I am currently using one of 5cm's grid themes for my lists (I think it was the one posted in the 2020 themes post) and I have two questions:

1) I want to do hover tags, but I can't figure out how to make them show up. I have seen other people with the same theme whose hover tags work fine. What should I do?

2) For some reason when I use the buttons at the top to toggle from the anime to the manga list or vice versa, the grid of images for the series don't show up. The layouts load fine when they are clicked on from my profile, though. Is there a way to fix this?

Thanks!

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 24, 2020 1:48 PM

#6404

Shishio-kun

Offline

Feb 2010

12632

arcanafool said:
Hi there! I am currently using one of 5cm's grid themes for my lists (I think it was the one posted in the 2020 themes post) and I have two questions:

1) I want to do hover tags, but I can't figure out how to make them show up. I have seen other people with the same theme whose hover tags work fine. What should I do?

2) For some reason when I use the buttons at the top to toggle from the anime to the manga list or vice versa, the grid of images for the series don't show up. The layouts load fine when they are clicked on from my profile, though. Is there a way to fix this?

Thanks!

Wow you're watching Higurashi, Monster, and Death Note those are classics from the 2000s and really amazing experiences D:

1) You can add this code to the bottom of the CSS and that should add hover tags (it works for me in previews)

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: fixed;
left: calc(50% - 70px);
top: 33%;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: fixed;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:150px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: fixed !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

2) I'm not sure why you're having this problem, you could add these to the top with the other imports until we figure out why and what to do

@\import "https://dl.dropboxusercontent.com/s/dvwo76okltko1zk/data%20image%20link.css";
@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

Sep 24, 2020 1:56 PM

#6405

arcanafool

Offline

Sep 2020

29

Shishio-kun said:

arcanafool said:
Hi there! I am currently using one of 5cm's grid themes for my lists (I think it was the one posted in the 2020 themes post) and I have two questions:

1) I want to do hover tags, but I can't figure out how to make them show up. I have seen other people with the same theme whose hover tags work fine. What should I do?

2) For some reason when I use the buttons at the top to toggle from the anime to the manga list or vice versa, the grid of images for the series don't show up. The layouts load fine when they are clicked on from my profile, though. Is there a way to fix this?

Thanks!

Wow you're watching Higurashi, Monster, and Death Note those are classics from the 2000s and really amazing experiences D:

1) You can add this code to the bottom of the CSS and that should add hover tags (it works for me in previews)

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: fixed;
left: calc(50% - 70px);
top: 33%;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: fixed;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:150px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: fixed !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

2) I'm not sure why you're having this problem, you could add these to the top with the other imports until we figure out why and what to do

@\import "https://dl.dropboxusercontent.com/s/dvwo76okltko1zk/data%20image%20link.css";
@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

Thanks! The hover tags now show up, but the position is fixed in the middle of the screen. How do I make it so they only show up on top of the series picture when it is moused over?

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 24, 2020 3:43 PM

#6406

Shishio-kun

Offline

Feb 2010

12632

arcanafool said:

Shishio-kun said:

Wow you're watching Higurashi, Monster, and Death Note those are classics from the 2000s and really amazing experiences D:

1) You can add this code to the bottom of the CSS and that should add hover tags (it works for me in previews)

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: fixed;
left: calc(50% - 70px);
top: 33%;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: fixed;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:150px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: fixed !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

2) I'm not sure why you're having this problem, you could add these to the top with the other imports until we figure out why and what to do

@\import "https://dl.dropboxusercontent.com/s/dvwo76okltko1zk/data%20image%20link.css";
@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

Thanks! The hover tags now show up, but the position is fixed in the middle of the screen. How do I make it so they only show up on top of the series picture when it is moused over?

Hmm try changing the three
position: fixed;
codes to
position: absolute;
although you might have to adjust the amount after left and top. Does that work? D:

Sep 24, 2020 3:51 PM

#6407

arcanafool

Offline

Sep 2020

29

Shishio-kun said:

arcanafool said:

Shishio-kun said:

arcanafool said:
Hi there! I am currently using one of 5cm's grid themes for my lists (I think it was the one posted in the 2020 themes post) and I have two questions:

1) I want to do hover tags, but I can't figure out how to make them show up. I have seen other people with the same theme whose hover tags work fine. What should I do?

2) For some reason when I use the buttons at the top to toggle from the anime to the manga list or vice versa, the grid of images for the series don't show up. The layouts load fine when they are clicked on from my profile, though. Is there a way to fix this?

Thanks!

Wow you're watching Higurashi, Monster, and Death Note those are classics from the 2000s and really amazing experiences D:

1) You can add this code to the bottom of the CSS and that should add hover tags (it works for me in previews)

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: fixed;
left: calc(50% - 70px);
top: 33%;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: fixed;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:150px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: fixed !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

2) I'm not sure why you're having this problem, you could add these to the top with the other imports until we figure out why and what to do

@\import "https://dl.dropboxusercontent.com/s/dvwo76okltko1zk/data%20image%20link.css";
@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

Thanks! The hover tags now show up, but the position is fixed in the middle of the screen. How do I make it so they only show up on top of the series picture when it is moused over?

Hmm try changing the three
position: fixed;
codes to
position: absolute;
although you might have to adjust the amount after left and top. Does that work? D:

Hmmm...when I tried that they went back to being gone entirely, even after I fiddled with the left and top numbers. For reference, I just remembered whose profile I saw who had the hover tags working great-- it was on @/Promethazine's list. I would want the tags to be in a fixed position at the top of the image that show up when the image is scrolled over, so maybe hover tags was the wrong word for it?

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 24, 2020 5:35 PM

#6408

Shishio-kun

Offline

Feb 2010

12632

arcanafool said:

Shishio-kun said:

arcanafool said:

Shishio-kun said:

arcanafool said:
Hi there! I am currently using one of 5cm's grid themes for my lists (I think it was the one posted in the 2020 themes post) and I have two questions:

1) I want to do hover tags, but I can't figure out how to make them show up. I have seen other people with the same theme whose hover tags work fine. What should I do?

2) For some reason when I use the buttons at the top to toggle from the anime to the manga list or vice versa, the grid of images for the series don't show up. The layouts load fine when they are clicked on from my profile, though. Is there a way to fix this?

Thanks!

Wow you're watching Higurashi, Monster, and Death Note those are classics from the 2000s and really amazing experiences D:

1) You can add this code to the bottom of the CSS and that should add hover tags (it works for me in previews)

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: fixed;
left: calc(50% - 70px);
top: 33%;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: fixed;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:150px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: fixed !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

2) I'm not sure why you're having this problem, you could add these to the top with the other imports until we figure out why and what to do

@\import "https://dl.dropboxusercontent.com/s/dvwo76okltko1zk/data%20image%20link.css";
@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

Thanks! The hover tags now show up, but the position is fixed in the middle of the screen. How do I make it so they only show up on top of the series picture when it is moused over?

Hmm try changing the three
position: fixed;
codes to
position: absolute;
although you might have to adjust the amount after left and top. Does that work? D:

Hmmm...when I tried that they went back to being gone entirely, even after I fiddled with the left and top numbers. For reference, I just remembered whose profile I saw who had the hover tags working great-- it was on @/Promethazine's list. I would want the tags to be in a fixed position at the top of the image that show up when the image is scrolled over, so maybe hover tags was the wrong word for it?

At the bottom you need this for hover tags

/* TAG TEXT COLOR AND SIZE */
.list-table .list-table-data .data.tags * {
color: white !important;
font-size: 12px;
}

/* TAG TEXT POSITION*/
.list-table .list-table-data .data.tags {
position: absolute;
margin-left: 0px !important;
margin-top: -45px !important;;
}

/* OTHER CODES */
.list-table .list-table-data .data.tags {
position: absolute;
opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
text-align:left;
width:200px !important;
height:auto !important;
background-color:rgba(0,0,0,.5);
box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
pointer-events: none;
/* animation */
z-index: 6;}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
padding:5px;
box-sizing: border-box;
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;}

.list-table .list-table-header .header-title.tags {
font-size: 0px !important;
display: block !important;
border-width: 0 !important;
background: none !important;
position: absolute !important;
}

.list-table .list-table-data .tags .edit{
display: none;}

.data.tags a
{
white-space: inherit !important;
}

that should set them on top :D

Sep 24, 2020 5:39 PM

#6409

Shishio-kun

Offline

Feb 2010

12632

@arcanafool
Or is this what you're trying to do? This is the default layout look.

You might be using an older version before this one - the top of your CSS doesn't say "with changes by Shishio-kun".

The latest updated version is here
https://myanimelist.net/forum/?topicid=1862853

Shishio-kunSep 24, 2020 5:44 PM

Sep 24, 2020 6:21 PM

#6410

arcanafool

Offline

Sep 2020

29

Shishio-kun said:
@arcanafool
Or is this what you're trying to do? This is the default layout look.

You might be using an older version before this one - the top of your CSS doesn't say "with changes by Shishio-kun".

The latest updated version is here
https://myanimelist.net/forum/?topicid=1862853

Yes that was what I was trying to do! I am now inputting my preferences into the new theme and have another question: in my old layout I had that stars gif repeated in the background all the way down. How do I do that in the new CSS? And how do I get rid of the blue thing when you scroll down?

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 24, 2020 8:33 PM

#6411

arcanafool

Offline

Sep 2020

29

arcanafool said:

Shishio-kun said:
@arcanafool
Or is this what you're trying to do? This is the default layout look.

You might be using an older version before this one - the top of your CSS doesn't say "with changes by Shishio-kun".

The latest updated version is here
https://myanimelist.net/forum/?topicid=1862853

Yes that was what I was trying to do! I am now inputting my preferences into the new theme and have another question: in my old layout I had that stars gif repeated in the background all the way down. How do I do that in the new CSS? And how do I get rid of the blue thing when you scroll down?

Nevermind! I figured it out :)

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 24, 2020 11:59 PM

#6412

Shishio-kun

Offline

Feb 2010

12632

arcanafool said:

Yes that was what I was trying to do! I am now inputting my preferences into the new theme and have another question: in my old layout I had that stars gif repeated in the background all the way down. How do I do that in the new CSS? And how do I get rid of the blue thing when you scroll down?

Nevermind! I figured it out :)

Awesome, good job :D

Sep 27, 2020 12:41 PM

#6413

arcanafool

Offline

Sep 2020

29

hi...i'm back ^^'' though i think i have a simpler question this time. i was just wondering how to make it so that when the links to anime in my anime list are clicked, the anime page is opened in a separate tab instead of in the same tab. thanks!

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 27, 2020 1:29 PM

#6414

Valerio_Lyndon

平沢唯

Offline

Dec 2016

2206

arcanafool said:
hi...i'm back ^^'' though i think i have a simpler question this time. i was just wondering how to make it so that when the links to anime in my anime list are clicked, the anime page is opened in a separate tab instead of in the same tab. thanks!

Other than default control click / middle click functionality, you can only change the left click function via Javascript, and only for yourself. So, using a browser extension such as Tampermonkey, you could install a script for it by visiting this link (with Tampermonkey installed, it should prompt you with details about the script): [Link].

Install list designs without any CSS knowledge!

Support me on Ko-fi. • Check out my list designs.

What am I working on right now?

Sep 27, 2020 1:49 PM

#6415

arcanafool

Offline

Sep 2020

29

Valerio_Lyndon said:

arcanafool said:
hi...i'm back ^^'' though i think i have a simpler question this time. i was just wondering how to make it so that when the links to anime in my anime list are clicked, the anime page is opened in a separate tab instead of in the same tab. thanks!

Other than default control click / middle click functionality, you can only change the left click function via Javascript, and only for yourself. So, using a browser extension such as Tampermonkey, you could install a script for it by visiting this link (with Tampermonkey installed, it should prompt you with details about the script): [Link].

oh okay! thanks!

.
.
.
╔═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╗
anime list
╚═══ ･｡ﾟ☆: *.☽ .* :☆ﾟ. ═══╝
.
.
.

Sep 27, 2020 3:25 PM

#6416

Shishio-kun

Offline

Feb 2010

12632

Tantalass said:
Finished my animelist by folowing the video "Make a Custom Layout Theme (MyAnimeList CSS tutorial)", very easy to do same, thx for you work, also i share my edid of it.

And have few question with what i need help, 1st - can i add in search filter for title genre (comedy, drama, atc) and 2nd - its add more then 1 line text in

was want to use

but then its not show

Moving your questions over here

I don't know if I really understand what you want exactly for the first question.

For the first thing, you can add tags like drama to the anime and then when you search "drama" the anime with drama tags will show up

For the second, you could add this to the bottom of the CSS to put the second quote in the header where there's a lot of room.

.cover-block::before {
bottom: 25px;
}

.header:after {
content: "People need to live with a clear conscience. If you follow the straight path, sooner or later you will fall into the mud. But if you don't give up and move on, then one day the dirt will dry out and fall off.";
position: absolute;
display: block !important;
margin: auto;
bottom:-50px;
left: 300px;
right: 0;
width: 1200px;
text-align: center;
color: #fff !important;
font-size: 18px !important;
font-family: Rancho;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
letter-spacing: 0 !important;
pointer-events: none;
}

Shishio-kunSep 27, 2020 3:37 PM

Sep 28, 2020 12:57 AM

#6417

Shishio-kun

Offline

Feb 2010

12632

slidey said:
Hey, I need help with something.

As you can see (in my anime list) in titles such as "Boku no Hero Academia the Movie 2: Heroes:Rising", "Psycho-Pass: Sinners of the System Case.3 - Onshuu no Kanata ni＿＿" the titles aren't aligned correctly in the list and it looks far from compact like I would like it. Is there anyone that could help me make it more compact so it doesn't go over the "add/more" button?!

P.S.: Changing the font is not what I want, I have tried it and it doesn't work!

I think there's a way to stop these long titles before they get too long, and they end in ellipses before they get too long

Would that work? I don't know the code but I'm sure I could find it.

Also maybe it's possible to change the individual title font size to a lower size, but it will look bad imo since you'll randomly have these tiny fonts for some titles.

We can also do this with the long titles so they stop and move to a second line. This might be best. But we'd have to move the little TV icons to a stationary place like where they are here, as far as I know.

Sep 28, 2020 2:01 AM

#6418

Shishio-kun

Offline

Feb 2010

12632

slidey said:

Shishio-kun said:

I think there's a way to stop these long titles before they get too long, and they end in ellipses before they get too long

Would that work? I don't know the code but I'm sure I could find it.

Also maybe it's possible to change the individual title font size to a lower size, but it will look bad imo since you'll randomly have these tiny fonts for some titles.

We can also do this with the long titles so they stop and move to a second line. This might be best. But we'd have to move the little TV icons to a stationary place like where they are here, as far as I know.

Thanks for the reply, so for the second option there is no way the tv icon could be placed after each title? Because that would be best but it's unfortunate if it doesn't work like that. But to respond to your question, the second option suits it best and I would appreciate if you could help me with that.

There might be a way to keep the TV at the end, but I don't know it :D I'm actually not as good at CSS as a professional >_<

ok try to add to the bottom

.list-item .data.completed ~ .title .link {
position: absolute;
width: 300px;
}

.icon-watch, .icon-watch-pv {
position: absolute;
left: 350px !important;
}

Shishio-kunSep 28, 2020 2:08 AM

Sep 28, 2020 2:24 AM

#6419

Shishio-kun

Offline

Feb 2010

12632

slidey said:

Shishio-kun said:

There might be a way to keep the TV at the end, but I don't know it :D I'm actually not as good at CSS as a professional >_<

ok try to add to the bottom

.list-item .data.completed ~ .title .link {
position: absolute;
width: 300px;
}

.icon-watch, .icon-watch-pv {
position: absolute;
left: 350px !important;
}

Worked really nicely but the TV is kind of a problem right now :^(. If you can look at titles such as jojo you'll see the TV is over the actual title

how about this instead (lower width on the titles) D:

.list-item .data.completed ~ .title .link {
position: absolute;
width: 250px;
}

.icon-watch, .icon-watch-pv {
position: absolute;
left: 350px !important;
}

Sep 28, 2020 5:19 AM

#6420

Tantalass

Offline

Jun 2011

3

thank you for help with shows words in 2 lines, about 1st question i was mean, add in filter more option for it to sort by genre type anime title like it has main search page

as i got in this version there no that filter

and if there some instruction on making own filter, it would be nice too, sorry for asking that, before search themselfs on forum. its not imortant at all :) good day.

TantalassSep 28, 2020 5:26 AM

Sep 28, 2020 2:41 PM

#6421

Shishio-kun

Offline

Feb 2010

12632

slidey said:

Shishio-kun said:

how about this instead (lower width on the titles) D:

.list-item .data.completed ~ .title .link {
position: absolute;
width: 250px;
}

.icon-watch, .icon-watch-pv {
position: absolute;
left: 350px !important;
}

Worked really nicely, now while I was scrolling around , I found out that the title "Mob Psycho 100: Dai Ikkai Rei toka Soudansho Ian Ryokou - Kokoro Mitasu Iyashi no Tabi" looks so out of place :D. Can you help me with that as well? Or is it too much work??

We can add space to the tag, that's the best I can think of D:

#tags-39651{
padding-bottom: 60px;
}

Sep 28, 2020 2:42 PM

#6422

Shishio-kun

Offline

Feb 2010

12632

Tantalass said:

thank you for help with shows words in 2 lines, about 1st question i was mean, add in filter more option for it to sort by genre type anime title like it has main search page

as i got in this version there no that filter

and if there some instruction on making own filter, it would be nice too, sorry for asking that, before search themselfs on forum. its not imortant at all :) good day.

Hmm I don't understand what you mean at all D:

Sep 28, 2020 3:12 PM

#6423