Bless you! Thanks.

WOW, this is way cool. Thank you.

Thanks! If 1 person uses this then I'm happy.[edit] I know ">this topic is out of date, but I finally cleared out my pings, and improved the code for you!

This does the same thing, but makes sure not to affect any other pages that might have reduced image sizes coded in. ;D

From post

- thank you

Oh I love the code for the hustler, it sure is helpful. Thanks!

Thank you so much for this list, it's very helpful, but there's something that I think you should still add:

How to resize the menu clock: -time {font-size:20px; color:; height:auto; margin-top:3px;margin-left:0px;}"height:auto" makes sure that the blue box surrounding the time still encompasses it if you make it bigger. "margin-top:3px" makes sure that, at 20px, the timer still fits on the navbar. "margin-left:0px" moves it flush to your sidebar.

Added clock improvement code!

It slides that baby all the way over to the left, and adjusts the spacing and padding it a tiny bit. :)

You can optionally keep the normal position, if you do like having the header postcards visible, check the code! It's under general layout fixes in the first post.

I've been editing a lot of the section descriptions and comments, really hope I didn't ping any forum groups, because those still work inside code tags! (STILL!)

👍 Looks good. The coding I did for myself was a quick and dirty fix because I'm super blind.

👍

Hehe I have mine set even smaller than normal!

😎

I have bad eyes too, so I love this! Thanks :)

Do you know of any way to smoosh the bookmarks together on the right side so that there isn't so much of a gap between each one? Such as my simplistic gif?

try this: .bookmark {margin-bottom:0px!important}you can make the number bigger or smaller (negative numbers work too) depending on your personal preference. i have it set to 5 px. (what i'd really like is a way to reduce the bottom padding on the bookmark tabs. even at 0 they're still huge, and negative padding is not a thing!)

Thank you so much! What's funny is that I actually tried that exact code, but I accidentally put it under instead of .bookmark. I feel silly now.

does anyone know how to remove pet images from the new training center? i've been poking through the new one and trying to match it with noemi's css for the old one but i can't quite figure it out ;w;

[edit] > div.container-fluid > center > div > div > div > div > div.sixteen.wide.column > center img {display: none;} turns out i was changing the wrong thing. this sort of works, but there's an awkward space at the top i can't seem to get rid of :c

, thank you for all the CSS! Lots of things are working much more nicely for me now.

I have two requests:

1. The "hide/shrink Shopkeeper and Questgiver images" codes don't seem to be working. At first I thought it might be because the urls are inconsistent (images vs img, one vs two slashes after subeta.net), then I wondered if it was because it's all on https now, then I remembered I have no idea what I'm doing.

/Remove all shopkeeper images/ center a img[src*="http://img.subeta.net/keeper_"] {display:none;} /Shrink shopkeeper images/ center a img[src*="http://images.subeta.net//keeper_"] {height:200px;}/Hide Wizard and Saggitarius/ img[src="http://img.subeta.net/quests_wizard.gif"], img[src="http://img.subeta.net/npc_saggitarius.png"] {display:none;}I've been using uBlock to hide various images, but custom CSS would be much more elegant.

Second request: I would like to be able to change text color, font size, and background color of various elements. The clock is ever so much better now, so I know it can be done! Is there a cheat sheet or basic tutorial on which things are called what, and how to re-color/re-size?

The ones that I'd like to change the most: I find the white-on-green of bookmarks particularly hard to read, and the price/stock labels in shops too small for comfort.

I tried the code on the first page for hiding quest givers but it didn't work for me, so I wrote my own CSS: /Hide Quest givers images/ img[src="//img.subeta.net/quests_wizard.gif"], img[src="//img.subeta.net/npc_saggitarius.png"], img[src="//img.subeta.net/npc_drunkcarl.gif"], img[src="//img.subeta.net/npc_cinthia.png"], img[src="//img.subeta.net/quest_mori.png"], img[src="//img.subeta.net/quest_nori.png"], img[src="//img.subeta.net/npc_alexander_summer.png"], img[src="//img.subeta.net/maleira.gif"], img[src="//img.subeta.net/npc_pete.png"], img[src="//img.subeta.net/quentin.gif"], img[src="//img.subeta.net/npc_natasha.png"], img[src="//img.subeta.net/majordrills.png"], img[src="//img.subeta.net/npc_shinwa.png"] {display:none;} I've been using this one in my customCSS and it works perfectly. When I took the http or https bit out from the beginning it was pathed correctly. display:none can be swapped out for height:200px for making them smaller.

To customise who to show/hide, you can take out or add any other images you like to hide and just separate them using comma , img[src="//img.subeta.net/IMAGE-URL-HERE"] followed by the {display:none;} or {height:200px;} code Hope this helps!

I imagine if you have to make a fix for hiding shop keepers it would be something like this: center a img[src*="//img.subeta.net/keeper_"] {display:none;} I haven't tested this yet so I'll let you know if it works.

Otherwise, another way to make it work is to structure the code like the one for the quest givers, then add each image to hide and separate by comma, although that might be a pretty manual process considering how many shop keepers there are.

Thanks for making this handy compedium of all the customCSS code that we can use! I'm already using a couple around the site to make things easier to navigate :)

Old code died, here's the new version!

I'm using your exact code and I still see the quester' image. Am I doing something wrong? Thanks for any help you can give me.