Posted by LF: CSS help! (still broken)

★ LUKAS ⋆.˚ [G6
Triumph NRLC] (#181256)

Maneater
View Forum Posts


Posted on
2024-03-05 10:13:52
Hey there! currently coding my own profile using Katie's layout, and I've run into a problem. I'm attempting to change the chat background (with RGBA) and it's just. . not working. It specifically works with only one color that I used for the main page color that holds my info and stuff, but if I try and change the chat background (for the even and odd messages) as well as the background for the pinned message and the dropdown box, the color completely changes to be grey and white and I'm just??? so confused





Willing to share the dropbox code to my page if requested! The color for the hex-codes don't seem to be the trouble, I just can't change the RGBA without everything just disappearing and reverting to grey and white for chat.



Hrt Icon 0 players like this post! Like?

Edited on 05/03/24 @ 12:45:38 by wheatley | dwarf collector <3 (#181256)

Langhâl [G2
Leonid GSR] (#179603)

Phoenix
View Forum Posts


Posted on
2024-03-05 10:30:08
If you're using the live-edit plugin, it won't show as working for some reason. However, if you upload the CSS and plug it into your profile, it will show your edits! That's how I managed to fix mine while working off of Katie's code



Hrt Icon 0 players like this post! Like?

★ LUKAS ⋆.˚ [G6
Triumph NRLC] (#181256)

Maneater
View Forum Posts


Posted on
2024-03-05 10:31:25
I haven't been using the live edit plugin unfortunately :(( used it for the rest of the page, now I'm attempting to change chatbox color and it's not working when I add the dropbox code in



Hrt Icon 0 players like this post! Like?

Langhâl [G2
Leonid GSR] (#179603)

Phoenix
View Forum Posts


Posted on
2024-03-05 10:39:45
Here's the code snippit that's active on my page! At first glance, it doesn't look like anything is broken, but feel free to cross-reference. I don't *think* this would be the answer, but try putting a space between the last comma and last number in your RGBA parentheses?

/* CHAT */

.s-chat-message:nth-child(even) /* Even Numbered Messages */ {
background: rgba(255, 255, 255, 1) !important;
color: #47300E !important;
border: 1px solid !important
}

.s-chat-message:nth-child(odd) /* Odd Numbered Messages */ {
background: rgba(255, 255, 255, 0.5) !important;
color: #47300E !important;
border: 1px solid !important
}

.s-chat-message__pinned /* Pinned Message */ {
background: rgba(255, 255, 255, 0.9) !important;
color: #47300E !important;
border: 1px solid !important
}

.s-chat-message_timestamp /* Timestamps */ {
color: #47300E !important;
}

div#chatMessageContainer {
border: 3px solid !important;
}

button#label_currentChannel /* Channel Button ie. Main, Sales */ {
background: rgba(255, 255, 255, 0.5) !important;
color: #47300E !important;
border: 1px solid !important;
font-family: "Satisfy", cursive;



Hrt Icon 0 players like this post! Like?


Edited on 05/03/24 @ 10:40:16 by Langhâl [G2 Leonid GSR] (#179603)

★ LUKAS ⋆.˚ [G6
Triumph NRLC] (#181256)

Maneater
View Forum Posts


Posted on
2024-03-05 10:52:31
Tested out that for a second, unfortunately it didn't change the background color-- just added a border and turned most of my text blue. Thank you so much for the help, super clueless about what's going on



Hrt Icon 0 players like this post! Like?

softlysedated (#285566)

Total Chad
View Forum Posts


Posted on
2024-03-06 19:18:54
Hey did you still need help?



Hrt Icon 0 players like this post! Like?

★ LUKAS ⋆.˚ [G6
Triumph NRLC] (#181256)

Maneater
View Forum Posts


Posted on
2024-03-07 07:55:02
I'd love it!! I temporarily fixed my code, though I'd still like to edit it to the different color without it breaking



Hrt Icon 0 players like this post! Like?

softlysedated (#285566)

Total Chad
View Forum Posts


Posted on
2024-03-07 20:43:54
Hmm, I tried to just fiddle around and mess with the colors and its working even when I swap colors. I think you've completely fixed it already lol



Hrt Icon 0 players like this post! Like?







Memory Used: 621.88 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00364s