There is one box that is orange for me and it's the Pixel Ratio box!

Thanks for bearing with me, this time let's hope the outside box is orange too!

No problem, thank you so much for helping me with this – I really appreciate your time. ;v; Also, the outside box is orange too!!!

ACK I disappeared right when we had the code nailed down XD I might have to submit a feature request to DDG now!

/* mobile navigation menu / / --note 9 in DDG browser / (min-device-width: 412px) and (min-device-height: 800px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: portrait), (min-device-width: 412px) and (min-device-height: 800px) and (min-device-pixel-ratio: 3.5) and (orientation: portrait) { / --cancel clicks on menu titles / .menu-btn a.menu-tab { pointer-events:none !important; } / --mark submenu links */ .menu-btn ul li a[aria-haspopup=true] { text-decoration:underline; } }

PS This will still work if you ever change browsers.

it's totally fine!! I'll randomly disappear too hahaha. i tested it and.. omgomg it works!!! you are my hero ;v; thank you SO much!! I seriously appreciate you taking the time to help. I no longer have to struggle on mobile! 🥺

i'm trying to make all the buttons on the training page massive so i can shrink the page and click them all at once, but i'm having some trouble with the "petname is Done!" button. i can't for the life of me figure out how to specify that only the submit buttons on the training page should be the ones enlarged. i know i have to stagger the div classes the way that you've got them staggered for removing the pet images from the page, but i can't for the life of me figure out which divs i am supposed to use. x_x can you help me, if you have some time? i'd really appreciate it!

here's the code segment i'm using lmao- as it stands it makes every button on the site into a big chonker input[type="submit"] {width: 90%; height: 200px}

Hey! This will make the Train and Done buttons big but leave the cancel training small. I assume you already have autotrain button hidden. /** XXL Training Buttons **/ .training-center-pet input[name="train_normal"], .training-center-pet input[value$="is Done!"] { width: 90%; height: 200px; font-size: 16px !important; font-weight: bold; } This will hide the pet images .training-center-pet > center {display:none;}

Is that what you're trying for?

Thanks I needed this code!

ahhh yes thanks so much, i really appreciate your aid. c: soooo much easier to click on almost 30 pets when the page looks like this instead of the way it's normally displayed ahaha

"Disable Mobile Widget Dragging" makes it so you can't delete events from the event side bar.

"Mobile Navigation Menu" dosen't work; clicking a menu title does not open the drop down, it still works as a link.

"No Autotraining" removed the autotraining buttons but not the autotraining price and stats text as stated that it would.

Hey, for the first two, what browser and device are you using? The features used for those aren't equally supported in every browser but I can make a workaround for you.

No autotraining is working fine for me. This is a differently written version you can try. input[value=dotrain] ~ input[name=train_auto], input[value=dotrain] ~ small { display: none; }

I use Chrome and it's up to date. My phone is a galaxy s10e.

btw thank you for this thread! I went through and updated my CustomCSS after a few YEARS, LOL.

I think the topic title is a bit confusing.. at first i thought this was specifically about Pet Roles CustomCSS and didn't realise it was mainly about the CustomCSS builder.

Also, I'm not sure if you've addressed this, but when I'm trying to hide pet images on the Training page it doesn't hide custom overlays..

Sorry to bug you, for some reason the mobile coding to make the drop-down menus work (instead of automatically loading the main link) has quit functioning (recently).

I'm on an android phone and I use firefox mobile as my main phone browser but I tested it on chrome mobile as well and it's no longer working there either. I'm not sure when exactly it changed but I'd say I only noticed it in the last week or so.

yo, tysm???? This is so helpful, I need it in my life. ;A;

Hi! First of all, thank you for this amazing compilation. I joined this site last year and someone directed me to here, I've been using your work ever since. Not sure if this is relevant or useful, but I just messed with the card collapse element and put my "feed to" list right at the top of the page for quicker feeding, removing the necessity to scroll.

idk if it's something you'd like to add to your list since it's quite ugly and I'm probably just lazy way to lazy and no one needs this, but here's the code and how it looks xD

.card {position:absolute; top:-500px!important; left:-300px!important}

Hi! If anyone could help me I would appreciate it. I did go look at the webpage but could not figure it out. I just want a way to make the font size on my side bar(dashboard) a little bigger than normal. Thanks!!

Thank you so much for making these!!

Do you know if there's a way to make the avatar image width the same as the widgets? (Using the sidebar widget overhaul code)

Ohallo! I tried pasting this code:

/** Pet Roles: Battler **/ a[href$="petid=;"]::before { content: "984574"; }

into my CSS and it didn't do anything. Just wanted to know where this is supposed to be pasted? Thanks!

I am trying to use this! Assume I paste this into tamper monkey? But it's not working - I get an error - for the very first sentence which is "," it says - Parsing error unexpected character #.

Anyone can offer advice?