Replies

Oct 19, 2015 10 years ago
Zay
made a huge mistake
User Avatar
Riza

That's strange, I have that code in my custom css and it's not doing that.


Proud Gamer | My best friend is

Oct 19, 2015 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

I've heard that it had that effect for some people but don't know why. I'll try to look into it for you since this is the first time I've seen a screenshot. Could you try moving it to the very bottom of your custom CSS? What browser do you use?

Only a few people get it, very annoying. Could you let me know what browser you're using as well? :]

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

Oct 19, 2015 10 years ago
Zay
made a huge mistake
User Avatar
Riza

That is annoying. I'm using Firefox version 39


Proud Gamer | My best friend is

Oct 19, 2015 10 years ago
Jessica
User Avatar

Chrome version 46

It's at the bottom already. Thanks for looking into it - I hope you somehow find a solution!

Oct 25, 2015 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

I just can't replicate that darn issue! Try adding this at the end of your CSS…? .sidebar-event small {line-height:1.5 !important;}

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

Oct 26, 2015 10 years ago
Jessica
User Avatar

That fixes it, thank you!

Oct 26, 2015 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Easier Event Deleting Update Added a fix for anyone who was seeing their events get really spaced out.

/right align remove event icon/ .sidebar-event {position:relative;} .sidebar-event i {position:absolute; right:1px; top:4px; margin:0;} .sidebar-event small {display:block; padding:0 1px; line-height:1.5 !important; width:89%;}


Also my floating item code had a weird issue with the shadow, so I updated the code in the first post to remove the shadow.

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

Nov 22, 2015 10 years ago
Barely
is synthetic
User Avatar

does the floating item code still work?

edit: nevermind it does!

---
---

Nov 22, 2015 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Better Show Items on User Profiles

Show items is takes up too much space and looks bad, this code fixes it. Adding it to your current profile should work perfectly, but ask for help if needed!

/Better show avatar items/ table:before {top:-13px; content:'Hover for Full Outfit'; display:block; position:absolute; text-align:center; width:100%;} table {top:2px; display:inline-block; position:relative; text-align:center;} table tbody {transition: max-height 450ms ease-in-out; display:inline-block; max-height:45px; overflow:hidden;} table tbody:hover {max-height:400px;}

*my own profile has no item spacing, the code above will have a little space between items.

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

Jan 6, 2016 10 years ago
Luck
is unlucky
User Avatar
Bella

Woooa how did I not know about this thread before? Great stuff here, love the new worn items hover code, will have to try that some time.

he/him / 31 / EST



My best friend is



Jan 10, 2016 10 years ago
Silvanesti
is stacked
User Avatar
Takenoko

So I don't really know much about CSS or where to find other people's coding and such, like you have provided in this thread, but I figured I'd ask here and you could point me in the right direction. I really hate the color of the post header and spoiler bars, is there any CSS code that you know of that can either adjust the color or just make spoilers a little less obnoxious? I know it's likely only gonna show that way on my screen if I put the CSS in my CustomCSS section, but to me that's better than seeing these eye-sores around. I know it's probably not a huge deal to most people so it's possible that no such CSS exists, but I figured best to ask.

Thanks! :)

Jan 11, 2016 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Hey there, the spoilers are an easy fix, try either of these. And you can change "000000" and "DDDDDD" to any colour that fits with your theme better. This will have no background, just a dashed border. .spoiler_click {background-color:unset !important; border: 1px dashed !important;}

This will have a light grey background instead of a bold colour. .spoiler_click {background-color: !important;}

test test

test

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

Jan 11, 2016 10 years ago
Seerow
is the richest user
User Avatar
Sweetgrass Voice

I use this code to change all the colors in the forums around. Mine is designed around the "Autumn" site theme but if you don't use that one/don't like my colors you can change all of em :) I think everything is labelled as to what it changes. I sadly can't remember where I got those code from, it was awhile ago when they first redid the forums.

/NEW FORUM RESKINS/ .ui.tertiary.inverted.segment {background-color:rgba(205, 97, 54, 0.9) !important; color:#; background-image:none !important;} /this is the post header/ .post {background-color: !important;} /post's bg color/ .ui.segment {box-shadow:0px 0px 0px 1px color: !important;} /this is the border on the HA box/ .ui.label {background-color:rgba(230, 148, 66, 0.6) !important; background-image:none !important; color: !important;} /this will recolor the user buttons/ .ui.image.rounded.forum-avatar {border-radius: 0px !important;} /this makes HA's edges square/

/* staff news comments */ .comment.segment .staff { background-color: rgba(204, 102, 102, 0.45); border-top: 1px solid ; color: ; left: 0; padding: 0.25em 0.8em; position: absolute; top: -17px; text-align: right; width: calc(100% - 19px); }

/* square avatar headshots in news comments */ .ui.comments .comment > .avatar ~ .content{ margin-left: 5.5em !important; } .ui.comments .comment > .avatar{ width: 5em !important; } .avatar > .ui.circular.image{ border: 1px solid ; border-radius: 7px; }

/* square headshots for leashed pets */ .user.details div.ui.image.circular { border: 1px solid ; border-radius: 7px; }

Headshot by

Jan 11, 2016 10 years ago
Silvanesti
is stacked
User Avatar
Takenoko

Oh thanks! I quite like the dotted one, lets me know it's a spoiler without being as obnoxious as it was. Also I guess it was an ugly color because of the preset Masquerade theme I was using. I like the page header for that theme, but pretty much didn't like anything else from it. Ha!

Ooh those codes are really useful, thank you for sharing! I especially liked the change of headshots. Yeah, the theme I use[d] was masquerade, but I really didn't like the colors that went with it too much and I'm not really a huge fan of the themes the site has for options, I wish there was a simpler theme, but my boyfriend is going to teach me/show me to do CustomCSS, so hopefully I'll be able to fix up my own theme soon. ;P

Jan 14, 2016 10 years ago
oopale
Decimal System
User Avatar

Hello and thank you for all the wonderful css :)

I don't seem to manage to make the Better Show Items on User Profiles css to work :/ Do I put it with all the other customcss or in the profile box? I've tried both and it doesn't seem to work, this is a feature I would really like to use (and secretly hope Subeta could add it). If you can help me I would be most grateful ^^

[edit] I looked around in forum and found the answer in here :)

Fluctuat nec mergitur

Ravenclaw

CW Shop

Jan 19, 2016 10 years ago
The Plushie Collector
Selaphi
User Avatar
Leyliana

[font=tahoma]Thank you so much for this, I found a lot of wonderful changes here.[/font]

<3

Jan 22, 2016 10 years ago
Alewiina
has 40 pets and counting
User Avatar
Kittlez

Is there any way to make that damn CW/CS HUstler bar go away? Stupid thing pops up several times a day and its so annoying.

:dmg🔥 [tot=alewiina] :dmg🔥

"An understanding of the natural world is a source of not only great curiosity, but great fulfilment."

  • Sir David Attenborough 🦋
Jan 22, 2016 10 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

It's in the first post, actually, but I don't blame you for missing it, there's a lot of other stuff. If you have pets with layouts, be sure to add this to their code too. .hustler {display:none;}

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

Jan 22, 2016 10 years ago
Alewiina
has 40 pets and counting
User Avatar
Kittlez

Oh, sorry! I did look but I didnt see it :(

Thank you!!

:dmg🔥 [tot=alewiina] :dmg🔥

"An understanding of the natural world is a source of not only great curiosity, but great fulfilment."

  • Sir David Attenborough 🦋
Jan 28, 2016 10 years ago
Camilla
is forever on a quest for more pets
User Avatar
Judarr

Is there a way to "bare bones" the Training Center page similar to what you have with the battle page? I have a lot of pets and am training many of them so that they have enough stats to get specific jobs and it's really tiresome to scroll down like 30-40 times several times a day. I appreciate any help I can get at this point ^_^

Visit my YouTube channel: ">CamK Gaming

Please log in to reply to this topic.