[edit]Resolved through use of a browser extension to target that specific url

So I was fiddling around with the riverside training page and trying to make it shorter; so I didn't have to scroll so much when putting all my pets in training. I found a couple of things that worked (changed the 'boxes' to less than 50%, took all the padding away, etc.) but what I can't find is a way to make them specific to that page, as all of the divs and classes are used elsewhere too (like on the 'Pets' page). Is there a way to do this, or has someone made such a code already?

Thanks much :)

[edit] Should have put in this before really, silly me. This is what I have in my custom css (I don't 100% know what I'm doing, so it's probably messier than needed) /* Shorter Training Page */ .column > .ui.segment {padding: 2px 10px;} .twelve.wide.column {margin: 0px; padding: 0px; font-size: 10px !important;} .twelve.wide.column > .ui {font-size: 10px;} .ui.grid > .eight.wide.column {width: 25%; margin: 0px; padding: 1px 1px;} .four.wide.column b {font-size: 10px; word-wrap: break-word; font-weight: normal;} .ui form {margin-bottom: 0px; width: 100%;} .ui form > select, input {margin: 0px; padding: 1px 10px !important;}

@ Sorcerer Hope you don't mind the ping; I didn't notice your thread until after I posted, oops :(

No bother at all ❤ The pages just doesn't have any unique elements to make sure that no other pages are affected. You really just have to use Stylish or nothing in my opinion.

I had no idea such an extension existed, thank you so much! I'll be installing it now :)

I thought I might have missed some div or other that was unique, but I guess not, thanks for trying though I'll go ahead and rename this as resolved :)