| @SheyCroix Unfortunately, that's one of the limits of the app that is used to insert the headers. It places the headers as is correct on the normal, unsorted all anime page. When it is sorted or filtered in any way, the headers are no longer in their correct position. I wish I could give you a better option, but the "fix" here is to disable them appearing on sorted pages entirely. I updated the code in the main forum post to achieve this, which you can also find here: |
Valerio_Lyndon said: @SheyCroix Unfortunately, that's one of the limits of the app that is used to insert the headers. It places the headers as is correct on the normal, unsorted all anime page. When it is sorted or filtered in any way, the headers are no longer in their correct position. I wish I could give you a better option, but the "fix" here is to disable them appearing on sorted pages entirely. I updated the code in the main forum post to achieve this, which you can also find here: You have already done amazingly helping out, so I will accept that suggestion and disable them. Updated with that fix, so many thanks for sharing. |
| Hi there! I've been using your Clarity theme for a good while now, and I absolutely love the design! However, there's an issue that I just noticed today. My username that's supposed to appear on the banner is suddenly gone. It's been a long while since I've made any edits, so I don't think that's the issue. Do you know what could be causing this? Thanks in advance! |
| γ εγγεγγεγγγγγ οΌγ |
| I want to change the font colors, is it possible? |
 In most cases, the MAL Average Scores don't mean anything, here is a question: were the works made before 2000 all shit? Why are they so damn scarce in the Top 50? Think about how MAL is quite literally a filtered amount of the Anime fanbase. Here's a timeline of the Top 15 in which you can check that, almost always, the scores are affected by the freshness, popularity and other factors that have nothing to do with quality. |
DooMWhite said: Have you checked out the "Change theme colours" spoiler on the main forum post? You can change any colour using that, so it'd be a good place to start. If you need more precise control of colours — say, changing a specific instance of text instead of all of it — then I can definitely assist there.I want to change the font colors, is it possible? |
Valerio_LyndonJul 3, 2019 7:28 PM
TestyOtaku said: Hmm, when I view your list or use your code on my own list it appears fine. Not quite sure what's causing your issue. If you visit my mangalist, can you see my name or is it also bugged? Do you know what operating system, web browser and version of that browser you are using? You might also try temporarily disabling browser extensions and reloading the page to see if it displays.… My username that's supposed to appear on the banner is suddenly gone. It's been a long while since I've made any edits, so I don't think that's the issue. … |
Valerio_Lyndon said: Hmm, when I view your list or use your code on my own list it appears fine. Not quite sure what's causing your issue. If you visit my mangalist, can you see my name or is it also bugged? Do you know what operating system, web browser and version of that browser you are using? You might also try temporarily disabling browser extensions and reloading the page to see if it displays. Hm, looking at it now, everything seems to be working. On both, my list and yours. I did have an adblocker auto-update itself during the issue, but as far as I can tell, it didn't affect the name in any way. I have also closed and re-opened my browser multiple times today. Whereas my laptop has been in sleep mode a few times during the day, but not completely shut. If it's of any use in preventing this kinda stuff in the future, I'm running Firefox Quantum (v 67.0.4) on Windows 7 Home Premium. Though my best guess is that this was all an issue on MAL's end, which they managed to fix just before you checked my list. :P But yeah, thanks for the tips! I'll try 'em if this issue ever resurfaces. Also, that's a beautiful manga list you've got there. I love that wintry scene. And Yui looks really cute. ^-^ |
TestyOtakuJul 3, 2019 8:24 PM
| γ εγγεγγεγγγγγ οΌγ |
Valerio_Lyndon said: DooMWhite said: Have you checked out the "Change theme colours" spoiler on the main forum post? You can change any colour using that, so it'd be a good place to start. If you need more precise control of colours — say, changing a specific instance of text instead of all of it — then I can definitely assist there.I want to change the font colors, is it possible? Oh, you changed the main post already :P. |
In most cases, the MAL Average Scores don't mean anything, here is a question: were the works made before 2000 all shit? Why are they so damn scarce in the Top 50? Think about how MAL is quite literally a filtered amount of the Anime fanbase. Here's a timeline of the Top 15 in which you can check that, almost always, the scores are affected by the freshness, popularity and other factors that have nothing to do with quality. |
| I had a problem adding character renders beside the list because of the high banner, and so I came up with a solution and thought I'll share it here in case anybody will ever need it. |
YairPeretzJul 5, 2019 1:04 PM
 |
YairPeretz said: Hm, making the render start scrolling when the header does is quite clever. I like it. :)I had a problem adding character renders beside the list because of the high banner, and so I came up with a solution and thought I'll share it here in case anybody will ever need it. |
Valerio_Lyndon said: YairPeretz said: Hm, making the render start scrolling when the header does is quite clever. I like it. :)I had a problem adding character renders beside the list because of the high banner, and so I came up with a solution and thought I'll share it here in case anybody will ever need it. Thank you. ^^ |
|
| Is there a way to make the name start sliding from the middle instead from the top without moving the whole container? It just keeps sliding from the top and only then to the middle. EDIT: Never mind I got it. |
YairPeretzJul 6, 2019 5:06 PM
|
| @YairPeretz wow your version of the layout is really cool! π |
Haha thank you. I worked on it for a while. ^^ |
|
| The large covers suddenly not working, everything was working perfectly since I started using the layout, someone has the same issue? |
Acruxx said: Hm, I have the same issue. The cover generator used for high-resolution images appears to be broken. I am unsure why or if this will resolve itself. For now, feel free to use this replacement version.The large covers suddenly not working, everything was working perfectly since I started using the layout, someone has the same issue? Thanks for bringing this to my attention. :) |
ItsOrga said: Add this to the bottom of your CSS. Then modify the top-most number as you wish. The default is 318px. Make sure not to delete the "px" at the end, it is required.Hey, how did you make the cover bigger i'd like to make mine bigger aswell :P /* ====================
Change Banner Height */
:root { --banner-height: 318px; }
.cover-block { height: var(--banner-height); }
.header { margin-top: calc(var(--banner-height) - 36px); }
.list-stats { top: calc(var(--banner-height) + 98px); }ItsOrga said: Check the "Horizontal Tags" section within the "Tweaks from my own personal list" spoiler, it's at the bottom of the modifications in the main post.I managed to change to color for the tags, but how do i place them under "edit" and "more" instead of the right side ? one of the pictures in the album has it showing |
| Hello! I was wondering how could I make the renders a bit brighter and to be "on top" of the list and not in the "background layer". The thing is my screen is quite small so I don't get a lot of space between the list items and the actual border of my screen, so the renders get covered by the list. It would also work to make the item list smaller (less width). BTW I don't mind the render covering a bit of an item of the list Also, how can I change the color of the little plus icon when hovering over? |
Yta_kawaiiAug 3, 2019 7:38 AM
| @Yta_kawaii There's a couple of things you could do. To change the list's width, this should work assuming I haven't forgotten anything: To make the renders appear on top, check either of these pieces of code. I am unsure how these will looks on your screen, but hopefully they're better. Add to bottom of code. If the renders cover up too much, just change the "left: 0;" and "right: 0;" to a negative number you like (ending in 'px'). For instance, "left: -80px;". That icon is controlled by "--text-h". You can either find that near the top of the CSS and change it or add this to the bottom of your CSS to change this specific text: .list-table .list-table-data .data [class^="icon-add-"]:hover {
color: #9999dd !important;
} |
Valerio_Lyndon said: @Yta_kawaii There's a couple of things you could do. To change the list's width, this should work assuming I haven't forgotten anything: To make the renders appear on top, check either of these pieces of code. I am unsure how these will looks on your screen, but hopefully they're better. Add to bottom of code. If the renders cover up too much, just change the "left: 0;" and "right: 0;" to a negative number you like (ending in 'px'). For instance, "left: -80px;". That icon is controlled by "--text-h". You can either find that near the top of the CSS and change it or add this to the bottom of your CSS to change this specific text: .list-table .list-table-data .data [class^="icon-add-"]:hover {
color: #9999dd !important;
}Thank you so much! Just in case I sometime want to, is there any way to change the height of the items? Not the total height of the list but the individual height of every item so they look more narrow (in bulk of course, not 1 by 1 haha) And also I was tweaking colors but I didn't manage to see what do these tweak: |
Yta_kawaii said: is there any way to change the height of the items? This is probably about as compact as the list items can get without a full redesign of the theme. It compacts a lot of the items and shrinks the images. This is tailored to your currently enabled list columns, I have not accounted for any others that are not enabled right now.  Some of those colours are leftovers due to the rather quick and dirty way I combined the themes. If I remember correctly, "textMid" is not used in this mashup theme. On the normal version of Brink, it's used for some text that requires less contrast in the filter menu. "textDim" is used on the footer text. On the normal version of Brink, it's used for the header too. "textProminent" is also not used here. Usually used on Brink list items. "textLinkHov" is used on some basic links, such as the header links when viewed by a non-list-owner. Usually used on Brink list items too. "bg-dark" is used on a few input field borders, such as the tag edit box. "text-dark" is used in the filter menu and the "more" section of anime/manga entries. "icon" is used in the filter menu on the little question mark icons. "btn-head-bg-h" is not used in the mashup. Usually used on Clarity header elements. The variables that don't do anything are simply ones that I forgot to remove while combining the two themes. |
Valerio_Lyndon said: Yta_kawaii said: is there any way to change the height of the items? This is probably about as compact as the list items can get without a full redesign of the theme. It compacts a lot of the items and shrinks the images. This is tailored to your currently enabled list columns, I have not accounted for any others that are not enabled right now. Some of those colours are leftovers due to the rather quick and dirty way I combined the themes. If I remember correctly, "textMid" is not used in this mashup theme. On the normal version of Brink, it's used for some text that requires less contrast in the filter menu. "textDim" is used on the footer text. On the normal version of Brink, it's used for the header too. "textProminent" is also not used here. Usually used on Brink list items. "textLinkHov" is used on some basic links, such as the header links when viewed by a non-list-owner. Usually used on Brink list items too. "bg-dark" is used on a few input field borders, such as the tag edit box. "text-dark" is used in the filter menu and the "more" section of anime/manga entries. "icon" is used in the filter menu on the little question mark icons. "btn-head-bg-h" is not used in the mashup. Usually used on Clarity header elements. The variables that don't do anything are simply ones that I forgot to remove while combining the two themes. Thank you so much once again! I really appreciate that you mashed the two themes as requested. Also never mind about the "leftover" bits I was actually able to tweak everything I liked and even went deeper into the customization by changing which color variables affected which items n.n' |
| Hey, I've been using your layout for a while now but never could really figure out how to make some tweaks I really liked. 1. I would like to add a colored border to the header part with the categories button like in the pic below 2. I would like my avatar to remain clickable after scrolling down. Could you help me with these? Thanks! :P |
 πΊ Anime List πΊ πΊ Cards Collection πΊ πΊ Favourite Characters πΊ |
| @Leguch You find code for the border in the spoiler below. Your second request is unfortunately not possible, or I would have done so during the initial implementation. |
Valerio_Lyndon said: @Leguch You find code for the border in the spoiler below. Your second request is unfortunately not possible, or I would have done so during the initial implementation. Thanks a lot! |
πΊ Anime List πΊ πΊ Cards Collection πΊ πΊ Favourite Characters πΊ |
Taduin said: Do you mean...how can i add that under the cover what is written in the tag is shown (be careful! i don't want the tag table to be removed)? ps: in case there may be useful use the hover on circle version Taduin said: Here's an alternate version that will do so:if i don't ask too much you could do that the code you posted on the name ADD BORDER TO HEADER changes color in each category? Taduin said: Check the right side of list items:can you make it possible to write tags without the edit button? as a standard theme practically  |
| First of all thanks for the help. So to add the text from the right i did not know it, but for the tag on the left side it is fine but i would like the general position to be left too, i would like to see it on both sides if possible. Edit: how can i change color to a category? if i try to change the word var it will not change anything if i insert the hml color code, i would also like it to change the color of the category name too, place a screen i took from a user |
TaduinAug 18, 2019 10:31 AM
Taduin said: I'm sorry, I don't quite understand. Could you rephrase?So to add the text from the right i did not know it, but for the tag on the left side it is fine but i would like the general position to be left too, i would like to see it on both sides if possible. Taduin said: Add to bottom of CSS:i would also like it to change the color of the category name too, place a screen i took from a user Taduin said: You have two options:how can i change color to a category? |
| First of all, as always, thank you for these codes, I love both the theme and the support you offer, I asked for support in another topic and for four days they have given me no support. I actually expressed myself badly and then joined the translation of google translate and behold that you don't understand u.u, in practice I want the tags to come out both under the cover of the image preview and in the table pane (now to avoid misleading the screen of this part). Having said that i want to give you some advice, why don't you put these codes in the other installation codes? I think people like it, from that extra touch u.u |
Taduin said: Ah, I see. Unfortunately, that's beyond the capability of CSS. I can move and alter things to an extent, but duplicating or creating new elements is beyond my power.I want the tags to come out both under the cover of the image preview and in the table pane (now to avoid misleading the screen of this part). Taduin said: I was thinking the same thing! I just have to set aside some time for it. :) why don't you put these codes in the other installation codes? I think people like it, from that extra touch u.u |
Egotistical said: Glad you are enjoying it, and indeed it is. :) You could give this a shot and let me know if it looks alright to you. Add to the bottom of the code same as usual.Hey VL! Really liking your work and themes. I was wondering if it would be possible to customize the scrollbar for this theme the way it's present in your other theme "Brink"? Would be cool. |
Taduin said: Sure. First, delete the line changing --accent so that the titles stay the same. Then, change the colour of the header directly using this code:1) since I added the Add Color To Header function when i go over the anime title (I also think manga but don't follow them) the text turns orange as i changed the accent in this color --accent: #FF4500; , would it be possible to return the normal color of the text over the anime or change the color for each type of section? for example of all anime it becomes orange, on currently watch green etc without removing this feature? Taduin said: Like this?2) how do you know how to add a tag, you have to go right, don't you? would it be possible to insert that to add the tag just go over the tag section and remove the one on the right? as the standard theme with "edit"  |
| Responding from the other thread... Ashtwich said: How do i change the font color of my user name on the cover ? for example its white and i have a white colored cover photo and i want my username in black color. how do i do it? Add this code to the bottom of your CSS and then change the two "#colour"'s to any valid CSS colour. The first is the text colour, the second is the text shadow. #cover-image-container::after {
color: #2f2a22;
text-shadow: 2px 2px 8px #020202;
} |
Valerio_Lyndon said: Responding from the other thread... Ashtwich said: How do i change the font color of my user name on the cover ? for example its white and i have a white colored cover photo and i want my username in black color. how do i do it? Add this code to the bottom of your CSS and then change the two "#colour"'s to any valid CSS colour. The first is the text colour, the second is the text shadow. #cover-image-container::after {
color: #2f2a22;
text-shadow: 2px 2px 8px #020202;
}Thanks it worked. i am still new to this platform so trying to figure out things. |
| Is there a way to change the highlight color for the text on the banner? I would also like to change the color of stuff like studio names or ratings on hover Last thing is I managed to recolor most of the stuff for different categories (menu buttons, filter etc etc) however due to my 0 knowledge of css I changed some stuff within the main theme, it works fine and there are no issues with it but I was wondering if there's a way to get the exact same effect I currently have on my list without modifying the main theme, just so the code is cleaner maybe, I could provide you with the code for my list if that wouldn't be too much of a hassle to look it up for you. Thanks~ ;p |
πΊ Anime List πΊ πΊ Cards Collection πΊ πΊ Favourite Characters πΊ |
Taduin said: @Leguch Sorry, how can you change the color of the hover of the anime title for each different section? like currently watching the hover turns green, completed the hover turns blue and so on edit: if i don't ask too much, will you also give me the code of the sidebar that changes color depending on the section? Thing is I don't really remember what I changed exactly, that's why I'm trying to get a simpler version |
πΊ Anime List πΊ πΊ Cards Collection πΊ πΊ Favourite Characters πΊ |
Taduin said: This?After the first code i would like after the shared anime and history button there is the viewing profile button with the green hover above when you pass us like the other buttons of that area  It's disabled on this theme due to my repurposing it. Were I to restore it to its location, the avatar would no longer be clickable. But it is possible. Taduin said: I didn't mean to insult you by answering someone else first. I have limited time to answer everything so sometimes I get around to easy questions first.How much you have not understood because of the translator and you can't understand what i say. … we can't understand each other for the translator. Taduin said: For the first code i didn't understand what to do exactly, i tried to remove that accent line and add this one but it comes out blue now, can you give me the complete code you with the possibility to change color? Taduin said: Sort of like this?how can i set that if for example I have an orange anime section the hover text turns orange when i'm in the watching section the text turns green and so on? This would change the title and only the title. If you wish for every link to be coloured this way and act the same, similar to Leguch's list, then that can be done too. Taduin said: Like so?I also have another request if possible, can you move higher air date and insert slightly under the function premiered? |
Yep, use this to change it to something else. The first three numbers are as follows: horizontal position, vertical position, blur. The last 6 digits with the hashtag (not counting the semi-colon) are the colour. You can use any valid CSS colour.#cover-image-container::after {
text-shadow: 2px 2px 8px #e4bef4;
}You can change it by using this code. Top colour is the background, bottom colour is the text. :root {
--btn-bg-h: #338833;
--btn-text-h: #ffffff;
}To avoid this and only change the tags, studios, etc, use this code instead: .list-item {
--btn-bg-h: #338833;
--btn-text-h: #ffffff;
}Leguch said: Clean is rather subjective. For my own purposes, I would consider clean to be code which has the least overwriting of code, where-as you or someone else may consider clean to be the most readable or modifyable. But it's certainly possible, although would take a little time to separate out what is changed and what isn't. Is there a specific reason you wish to separate it out, such as updating the theme?Last thing is I managed to recolor most of the stuff for different categories (menu buttons, filter etc etc) however due to my 0 knowledge of css I changed some stuff within the main theme, it works fine and there are no issues with it but I was wondering if there's a way to get the exact same effect I currently have on my list without modifying the main theme, just so the code is cleaner maybe, I could provide you with the code for my list if that wouldn't be too much of a hassle to look it up for you. |
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 |