Replies

Oct 19, 2016 9 years ago
nene
User Avatar
Angora

regarding widening the sidebar-- this is what i came with quickly, so i don't know if it'll break the site. might need some testing but i'll be using it and will fix if i come across any issues! .sidebar-widget {width: 195px; /* adjusts the width of the boxes WITHIN the sidebar */}

, -inner {width: 210px; /* adjusts width of the entire bar */ background-size:100%;}

{margin-left:210px; /* set it to position how far from the left the content section is */}

backup/old resetting the sidebar's position to relative and making both #content and #sidebar "inline-block" i was able to position them side by side. .sidebar-widget {width: 195px; /* adjusts the width of the boxes WITHIN the sidebar */}

, -inner {width: 210px; /* adjusts width of the entire bar */ background-size:100%; position: relative; display: inline-block;}

{display: inline-block; position: absolute; margin-left: 0; }

Oct 19, 2016 9 years ago
Oragami
will put a spell on you
User Avatar
Kevin of Desert Bluffs

The size changing seems to work, and right off I dont see anything weird (well, except Im used to the sidebar being one size then BAM it changes)

And whats the inline block supposed to do?

EDIT: The floating item code goes kinda funny, but I should be able to fix that. Now to try! EDIT : Ok, the floating thing scrolls with me...just needs to be moced over a little XD

Harry Potter inspired dresses! !!
--- [tot=oragami] --[tot=oragami]--

Oct 19, 2016 9 years ago
nene
User Avatar
Angora

glad it works..!

inline-block just makes it so the sidebar and the content sections can appear side by side, basically.

SPOILER (click to toggle) both the sidebar and the content section (the one that displays our forum posts, games, whatever) were originally set to "block" which means, by default, they wouldn't be able to sit side by side. the only reason it was possible is because the sidebar had the position: absolute property. but by doing that, if you wanted to change the sidebar's width, the content section wouldn't budge unless you changed the margin-left property of it manually as well.

Oct 19, 2016 9 years ago
Oragami
will put a spell on you
User Avatar
Kevin of Desert Bluffs

I think that makes sense?

This is the only page Ive noticed something funny on so far But since I rarely go to that page, its not really an issue. Hopefully its the only page :3 <3 EDIT: Noticed it on the 'you got this item' page for the Pumpkin Patch, and the ToT one too (and when I go to put an item in my wardrobe...sometimes at least)

Harry Potter inspired dresses! !!
--- [tot=oragami] --[tot=oragami]--

Oct 19, 2016 9 years ago
nene
User Avatar
Angora

darn ittt. ahaha some pages don't have much text/images/etc, so the width only stretches to accommodate that much content. since there's a sidebar on the right, it's probably easier to stick closely to the original properties after all, so just replace what i had posted with this and modify it to your liking: .sidebar-widget {width: 195px; /* adjusts the width of the boxes WITHIN the sidebar */}

, -inner {width: 210px; /* adjusts width of the entire bar */ background-size:100%;}

{margin-left:210px; /* set it to position how far from the left the content section is */}

Oct 19, 2016 9 years ago
Oragami
will put a spell on you
User Avatar
Kevin of Desert Bluffs

:D That seems to be working so far. Thanks! <3 <3 <3

Harry Potter inspired dresses! !!
--- [tot=oragami] --[tot=oragami]--

Oct 19, 2016 9 years ago
nene
User Avatar
Angora

no problem (and thank you for the books!! v) if you come across any issues just let me know and i'll try to fix it!

Oct 19, 2016 9 years ago
Oragami
will put a spell on you
User Avatar
Kevin of Desert Bluffs

You're welcome :D. And I will ^^

Harry Potter inspired dresses! !!
--- [tot=oragami] --[tot=oragami]--

Oct 19, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Cool stuff I'll check it out later on ^ ^

[font=Cambria]Useful Custom CSS[/font]

Oct 20, 2016 9 years ago
Moin
is ZOMBIE LONG TIME
User Avatar

For me, stumbling upon this thread was a complete accident since I never frequent this forum, but I am SO glad I saw it on the forum homepage as something that was recently posted on. That slots button moving around has always bothered me, so it's a really big quality of life fix for me to have that CSS. Thank you so much! I'm now also using several others, but I do have a few requests. Note that I have no idea how viable they are, so my apologies if they are too outlandish!

When I'm doing quests, the hover-dropdowns at the top of the page really bother me (Subeta, Interact, Commerce, etc). I often find that I'm going fast enough that I'll accidentally log myself out instead of starting a new quest or submitting items. Would it be possible to just change those from hover to click dropdowns?

Would it be possible to have the autopricer completely exclude items that have had no change so that my list of items to review is significantly shorter?


Looking for others who enjoy item trades? Join us at Item Swappers![/center]


Oct 21, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Glad you found some useful things, definitely look through the red starred ones!

Unfortunately I can't change either of those things with CSS alone :(

[font=Cambria]Useful Custom CSS[/font]

Nov 1, 2016 9 years ago
Snoopy
The Great Pumpkin
User Avatar
Oquur

Hi! I was wondering if there was any way to remove (or better align) the black boxes around stickers on the sticker pages? Everything used to align properly for me, but I've just started to notice that the stickers aren't exactly in the boxes anymore, and everything just looks like a mess ;_;

I would also like to thank you for this thread, the CSS is a huge help!!

[Dance=Snoopy] ~ trades ~ hi i'm gen and i finished the filled wardrobe achievement so i'm doing a big cleanout here!

Nov 1, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Wow that page is messed up. Easy way is to just get rid of the boxes :p /fix boxes on sticker collection page/ li[id^="stickerlist_"] { border: none !important; }

[font=Cambria]Useful Custom CSS[/font]

Nov 1, 2016 9 years ago
Snoopy
The Great Pumpkin
User Avatar
Oquur

You are truly amazing, thanks so much!

[Dance=Snoopy] ~ trades ~ hi i'm gen and i finished the filled wardrobe achievement so i'm doing a big cleanout here!

Nov 1, 2016 9 years ago
Raene
parties with the undead
User Avatar

For anyone who unstacks their stickers (like me) just add Sorcerer's code again for each level (stickerlist_2, stickerlist_3, etc.) I have up to stickerlist_7 because I ended up with a lot of one particular rose in there. XD

💃 🎵

Nov 1, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

You can undo all that, I edited the code to match stickerlist_*

[font=Cambria]Useful Custom CSS[/font]

Nov 1, 2016 9 years ago
Raene
parties with the undead
User Avatar

- Thanks! :) CSS is not my forte.

💃 🎵

Nov 1, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Welcome! I didn't know there were other numbers, only gave it a quick peek :p

[font=Cambria]Useful Custom CSS[/font]

Nov 4, 2016 9 years ago
Judy
has a massive family
User Avatar
Karen Joan Marreshaann

Question... I must have done something wrong, the "keep slots in the same spot" code isn't working correctly for me, when I click the slot button, the new one doesn't appear at all. What am I doing wrong? I used this:

Quote

/<em>Keep slots spin again button in one place</em>/
input[value=&quot;Spin again!&quot;] {position:absolute; top:15px; margin:0 -38px; z-index:999;}

"You can't wait until life isn't hard anymore before you decide to be happy" Nightbirde (Jane Marczewski, May she R.I.P 19.2.22)

❤ Miss you Mom



PM me for invite or to share/trade Spares

Nov 4, 2016 9 years ago
omnibless
USED DYNAMITE
User Avatar
MettlesomeKid

the code's not wrong, the button should be at the top part of the page under 'subeta' and 'interact' dropdowns, specifically above "remove this ad"

Please log in to reply to this topic.