May 2026 Forum Summary
This is a tiny hijack by Kháos~ Hopefully it helps y'all find things easier. It'll be a WIP for a while since there appears to be a lot, but all notes are now on one page to save some time!
For now, the buttons are in a different topic entirely. https://wolfplaygame.com/forums.php?f=29&t=82348&n=css-for-buttons
Notes:
- Read page 23 and before to hunt unanswered questions.
- This WIP may take a few days, weeks, or months.
- WIP will be messy while I go through all codes and figure out how to best organize them.
Mod Note: Also! Yes. PostImg is linked in this and the below post quite a bit. This will be fixed as I work my way through the two posts. Additionally, as each image gets a new, proper link, I will be editing the original posts to remove outgoing PostImg links. Again, this WIP will take a while though, so the links may be around for a little while. I don't want to get burned out.
Codes found through the forum:
- Types of gradients: conic, linear, radial.
_______________________
For the "About/Profile/Characters" tabs:
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 16px;
transition: 0.3s;
font-family: Times New Roman, Times, serif;
font-size: 15px;
color: #c7c2be;
font-weight: bold;
}
_______________________
Explore Terrain and Moves Text:
.explorelevel { color: #HEX; font-family: FONT;}
/*-----Will not change the cougar image color-----*/
Explore Wolf Names by their images:
.mainlineblacksmall {color: #HEX;}
_______________________
Background image repeating? Add `background-image: repeat` or `no-repeat`
_______________________
Just tried it! (Might be wrong CSS) Doesn't seem to want to do it any way I put it~
.daybody { background: url(LINK); }
.daybody { background-image: no-repeat }
.nightbody { background: url(LINK); }
.nightbody { background-image: no-repeat; }
I do it like this: .daybody {background: #000 url(LINK); background-size: 100%; background-repeat: repeat;background-attachment: fixed;background-size: cover; background-position: center;border:0px;}
Try that with your link, altogether, and see if it works. If not, something else may be canceling it.
_______________________
.mainlineblacksmall {
color: HEX;
}
_______________________
How can I change the color of a pack name on sales and main chat?
The ones you mention are related to .bsmalltext selector
It's possible to make sales chat text color different from main chat, the codes are similar, it just needs to specify which are for each chat at the beginning (.saleschat.sales or .saleschat.main)
/*---------MAIN CHAT TEXT---------*/
/* Nicknames in chat */
.saleschat.main .mainbsmalltext {font-family:arial,sans-serif; color:#5579af;}
/* Pack names in chat - visited should be the same as link */
.saleschat.main .bsmalltext a:link {font-family:arial,sans-serif; color:#4d9afb;}
.saleschat.main .bsmalltext a:visited {font-family:arial,sans-serif; color:#4d9afb;}
/*Pack names in chat - hovered*/
.saleschat.main .bsmalltext a:hover {font-family:arial,sans-serif; color:#538ad0;}
/*Message text*/
.saleschat.main .smalltextblack {font-family:arial,sans-serif; color:#0f90ff;}
/*Links (WP,YT,Click) - visited should be the same as link */
.saleschat.main .smalltextblack a:link {font-family:arial,sans-serif; color:#1179d2;}
.saleschat.main .smalltextblack a:visited {font-family:arial,sans-serif; color:#1179d2;}
/* Links - hovered */
.saleschat.main .smalltextblack a:hover {font-family:arial,sans-serif; color:#60aae8;}
/*---------SALES CHAT TEXT---------*/
/* Nicknames in chat */
.saleschat.sales .bsmalltext {font-family:arial,sans-serif; color:#a13a3a;}
/* Pack names in chat - visited should be the same as link */
.saleschat.sales .bsmalltext a:link {font-family:arial,sans-serif; color:#310505;}
.saleschat.sales .bsmalltext a:visited {font-family:arial,sans-serif; color:#310505;}
/*Pack names in chat - hovered*/
.saleschat.sales .bsmalltext a:hover {font-family:arial,sans-serif; color:#d80000;}
/*Message text*/
.saleschat.sales .smalltextblack {font-family:arial,sans-serif; color:#cc0000;}
/*Links (WP,YT,Click) - visited should be the same as link */
.saleschat.sales .smalltextblack a:link {font-family:arial,sans-serif; color:#a80b0b;}
.saleschat.sales .smalltextblack a:visited {font-family:arial,sans-serif; color:#a80b0b;}
/* Links - hovered */
.saleschat.sales .smalltextblack a:hover {font-family:arial,sans-serif; color:#ff0000;}
_______________________
Account page brown text:
.mainline a:link{color: #HEX;}
.mainline a:visited{color: #HEX;}
.mainline a:hover{color: #HEX;}
_______________________
Remove repeating background image:
.daybody {
background:#000 url(insert link);
background-size: 1%;
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
background-position: center;
border:0px;
}
.nightbody {
background:#000 url(insert link);
background-size: 100%;
background-repeat: repeat;
background-attachment: fixed;
background-size: cover;
background-position: center;
border:0px;
}
_______________________
Change drop down menu white background:
.dropdown-content {background-color: #999999;}
_______________________
Explore Growl text:
div.fscreen font font b {color:#878787 !important;}
div.fscreen font font a:link {color:#878787 !important;}
[must be same colors]
_______________________
I saw sparkles on some peoples palettes. Is there a code I can add to do that?
~
I didn't use a special code for the sparkles. I made a GIF and then inserted the URL into the background property where I wanted it to be. I also made the image a smaller size and made it repeat. Here is one of the codes I used:
.primary { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(186, 255, 201, 0), rgba(186, 225, 255, 0), rgba(254, 200, 216, 0)), url(LINK); background-color: rgba(255, 255, 255, 0.45); background-size: 75px 75px; background-repeat: repeat; }
_______________________
I saw sparkles on some peoples palettes. Is there a code I can add to do that?
I don't really know if there is a property that adds sparkles on a selector, but you can make an image in an image editor and use the background-image property to display it in your selector.
Ex: .wolfheader {background-image:url(INSERT IMAGE DIRECT LINK HERE);}
_______________________
How do I fix the wolf names so they aren't black and I can actually see the letters in the main explore page here? Screenshot 2021 07 31 234833 — Postimages (postimg.cc)
Try .mainlineblacksmall {color: #a7a7a7;}
Also how do I change the character points box font to a different color than black? Screenshot 2021 07 31 235137 — Postimages (postimg.cc)
.errormsg {
background-color:#272727; color:#989898; border:1px solid #000000;
}
.validmsg {
background-color:#c00000; color:#989898; border:1px solid #000000;
}
_______________________
How do I change the color of the brown line in the message?
div#msg hr {
border-top-color: #0000ff;
border-right-color: #0000ff;
border-bottom-color: #0000ff;
border-left-color: #0000ff;
background-color: #0000ff;
}
How do I change the font color in the mailbox folders? Ignore the messed up colors on the folders just a mess up I have to fix. Screenshot 2021 08 01 000918 — Postimages (postimg.cc)
Put a color property in each of the selectors of the "Set the tab color for the tabs under your Mailbox" section posted in the first page of this thread. This way:
ul.tabbernav li.tabberactive a {
color:#cccccc; background-color:#070707;
}
ul.tabbernav li.tabberactive a:hover {
color:#dddddd; background-color:#080808;
}
_______________________
text in explore right bottom cell (main text box):
div.feedback div font {color:#000000;}
_______________________
Is there a way to change the color of the arrows and adventure box colors?
[code pending, the arrows are images]
_______________________
North East South West text:
tr.explore {color:#000000;}
_______________________
So this is turning the right color when I hover but the text it black when I don't in the folder area. How do I fix that? Screenshot 2021 08 01 003745 — Postimages (postimg.cc)
Add this property
ul.tabbernav li a:hover {
background: #efecc8; color: #ff00ff;
}
ul.tabbernav li a:link {
color: #0000ff;
}
ul.tabbernav li a:visited {
color: #0000ff;
}
_______________________
.pgbg {
background-color: rgba(0, 0, 0, 0.75);
}
The last number is the opacity, where 1 is no opacity at all and 0 is fully transparent. You can use decimals to get the specific transparency you want, so 0.50 would be 50% opacity and 0.75 like in the above code would be 75% opacity. The first 3 numbers are the red, green, and blue hues that make up the color (hence the rgb). The "a" represents alpha, which adjusts the opacity of the color. The color in the code above is black (0, 0, 0). White is (255, 255, 255). You can look up other rgba colors as well and there is also rgba color pickers you can search for.
What is the code to make the page color have less opacity? if that makes sense~
_______________________
Is there a way to change the color of the arrows and adventure box colors?
Screenshot 2021 08 01 002518 — Postimages (postimg.cc)
Adventure text and background:
.mainlinetan2 {color: #HEX; background-color: #HEX;}
The whole yellow table in explore:
.mazelevel + table td[bgcolor] {background: #HEX !important; background-image: none !important;}
_______________________
I got the opacity to work with the color I wanted, but I can actually see the header image below that. how would i remove that image, exactly, and why am i seeing it?
You need to add background-repeat: no-repeat; to the header code so the image doesn't repeat itself
_______________________
Is there a way to change the color of the "Explore" part in the navigation bar?
If i remember correctly, thats .navbar a
_______________________
How do you change the background to stay on the night one? I really like the nighttime WP photo.
Also, how do you do rainbow color-changing palettes?
Follow-Up Questions: -click-
1) How do you get rid of the Forum Border?
2) + 3) How do you change the boxed text?
4) How do you change the white background to other colors?
5) Again, how do you change the boxed text?
~~~
@Jokul - to keep the night bg permanent, set .daybody to the nighttime background:
./images/nightbg2.jpg
If you're referring to an animation like my palette, unfortunately that's a secret I'm keeping to myself for now ;D Answers are available if you google it though.
1) Still looking into this one. If you figure this out let me know.
2) You have something set to add a border to those particular classes. Set that border:0px.
3) That has been asked several times in this thread. It's in here somewhere. I've personally never used it because the way I have my palette coded, it screws up some other things on the website.
Forum borders are the same as tertiary borders, so if you remove them, you'll also remove borders from every other .tertiary element (like tab menu on the den page)
_______________________
Is there a way I can make my sales chat button match the sales chat color? ?
Inside my chatbox button is green- anyone know how to change that?
You can assign colors for sales chat, main chat and button separately, this way:
| CODE | Description |
| .saleschat.sales { background-color:#000000; } | Sales chat |
| .saleschat.main { background-color:#000000; } | Main chat |
| .main {background-color:#000000;} | Button BG |
| button.main td {font-family:arial,sans-serif; color:#000000;} | Button text |
_______________________
i cant find the code to remove the border around the bloodlines box
div.pedigreescroll {
border: 0px solid #000000;
}
_______________________
This is a bit of a late response, but yes. Look up "CSS gradients" on google. Use the appropriate code fragment to put in the CSS in your background. You can see my palette for an example.
I used the code from a CSS website, it showed that I did the code right. The only issue is it won't show, it shows the background color but not the gradient, I also used the code correctly (so I think)
.mainscreen1 {
background: rgb(255,189,200);
background: linear-gradient(0deg, rgba(255,189,200,1) 12%, rgba(198,147,156,1) 78%);
}
_______________________
Remove border between Info and Paws Up boxes:
adding border:0px!important; under .mainlineblack div.primary should get rid of it
_______________________
Change border for Info box and Sidebar box:
Left -> #leftcolumn div {border-color: #HEX!important;}
Right -> div.primary {border: 1px solid #HEX;}
_______________________
Sales History Link hover:
.mainlineblack a:hover { font-family: arial, sans-serif; font-size: 15px; color: #4f2907; background-color: transparent; border: 0px; }
_______________________
.mainline { color: #000000; }
That should be the code for both of those, I think?
The bio text and the text up where your pack information like join date and such, I can not figure out how to change the color of it so I can see it better on my current palette.
_______________________
.tabcontent { color: #HEX;}
_______________________
What about editing the padding? This would align this cell to the header of the table. (and prevent that right edge to cross the border on the Profile) Hope it's what you were asking for:
#Pack div:nth-child(1) div table tbody tr:nth-child(2) td div {border-radius: 0px 0px 8px 8px; padding-right: 0px !important;}
#Profile div:nth-child(1) div table tbody tr:nth-child(2) td div {border-radius: 0px 0px 8px 8px; padding-right: 0px !important;}
#Characters div div table tbody tr:nth-child(2) td div {border-radius: 0px 0px 8px 8px; padding-right: 0px !important;}
_______________________
Is there a way to change the colour of these texts?
It should be:
.mainline {color: #000; }
.mainline a:link {color: #000;}
You might also want this, for when you hover on the links.
.mainline a:hover {color: #000; }
_______________________
My blog text colors are all wonky-they are blue and black. How do I change those colors specifically because everything else is fine, it's just my blog colors.
This should be the code for the default blue:
a { color: #000; }
The black "Blogs" should change by using
.mainlineblack { color: #fff; }
Edit: I just realized both lines of code change other text around the site as well as on the blog page, so just be careful with that.
_______________________
Crafting Page
Uncraftable Items:
.greybox {background-color: #b9bfb9; border:1px solid #263408;}
Craftable Items:
.genericbox.secondary {background-color: #3b6d6c; border:1px solid #263408;}
_______________________
What about trying this? (1st line is for blogs contained in folders, 2nd line is for the folder itself and 3rd for blogs outside of folders)
[id^=qq] a {color:#ff0000;}
a[href*=qq] {color: #ff0000;}
a[href^=blog] {color: #ff0000;}
_______________________
How do I change the color and font of the submit/post buttons? I've been trying and can't seem to find the right code.
Submit/Post Button
Use ".iclass" for the textboxes.
Buttons are a little more complicated because they don't all use the same code, but I'd try "button.main", see if that works.
_______________________
https://www.w3schools.com/cssref/pr_background-image.php
_______________________
I have been struggling with this for a hot second. Does anyone know what the code is for this table on the battle page in explore? Is it possible to change it from the default white?
These are the codes I've found so far to help with the battle page. They seem to work for me if used together, but I haven't figured out how to make the tables to where they're not transparent yet.
.wolfhealth tbody {
background-color: rgba(0, 0, 0, 1);
}
.wolfhealth table {
border-spacing: 0px;
}
.enemyhealth tbody {
background-color: rgba(0, 0, 0, 1);
color: #1ee029;
}
.enemyhealth table {
border-spacing: 0px;
}
_______________________
Pt. 2
Questions I Have
- What's the code to change our headers? (The new WolfPlay logo)
- Is the Packs / Friends Online page broken or is there a new code for them? (Asked previously by Night Shade, thanks!)
- What's the new code for the giant tree background? The old code no longer works for me.
Unanswered Questions I Found
- For the footer images, what is the pixel size limit?
- May I ask how to change the header image?
- How would we go about positioning the headers? (For example: on top of the navigation bar, centered, etc.)
- How do we make the footer images different images (left 1, right 2)?
- Anyone know the code for this line of text here?
- how do you change the colour of those brown lines on your wolf page and how do you change the colour on 'event and games' once you hover over it?
- I have a gap between my navbar box and drop down menu. I can't use my drop down menu because it disappears when I move the cursor to the circled area. I'm not sure how to fix this without deleting everything and starting again. Is it because its hidden behind the weather/mush/apple bar?
- I need help finding the background image change thing, or something. I have bad eyesight so I might have skipped over it...all I see is changing colors for the background?
-----
Curious as to how to get the gradient in the headings as you do on your palette Venn?
For gradients:
.primary {
background-color: #05668D;
background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 1));
}
For this code: rgba(0, 0, 0, 0.25)
The first three values are your color's RGB values. The fourth value is your opacity.
rgba(R, G, B, 0.25)
_______
.bsmalltext { font-family:FONT; color: #HEX; }
Is the coding to change the text of people's nicknames/message time in chat
_______
.mainline {
font-family:
color: #}
Is the coding to change the info on your den page like pack number, join date, active date, membership, etc.
____________
What would the coding be for the wording under your wolves name? (So the rank, amount of dominance, gender and age)
.mainlinegr { color: #000000; }
____________
Add background image:
.pgbg { background:url(LINK); }
____________
.bsmalltext a: { color: #HEX; }
Is there a way to change the color of the pack names in chat?
____________
Ok so for the chat box (which is the only part I'm having trouble with) I have pretty much everything how I want except I can't get the pack names to change to the same color as the rest of the text in the chat and now all the post buttons have gone mostly black and it won't let me change them. (I've gone into my other palettes and the post buttons are fine with them, I can change the color easily but it won't on this one for some reason)
-
I should've mentioned that since the names are links to a pack’s den, it needs to be
bsmalltext a: link { color:#HEX;
}
____________
To change the tree background, use the following codes:
Daytime BG only:
.daybody { background: #HEX; }
Nighttime BG only:
.nightbody { background: #HEX; }
Use both together if you want the background to remain permanent.
May I ask how to change the hind trees?
____________
I'm still not sure how to change the box for daily personal CP and gifting CP, has anyone figured out how to change the color for that?
[CP Box]
Hi, if you are talking about that box, then the code is:
.validmsg {
background-color:#HEX;
}
By the way, for error messages like this [Error] : the code is:
.errormsg {
background-color:#HEX;
}
____________
For me, the chat buttons always matched the background color of chat. Try changing chat color and seeing if the button color changes?
there is a way to make the background and the buttons have different colors.
.sales { background-color:#ffffff; }
.saleschat.main { background-color:#ffffff; }
Those are for sales chat and main chat buttons respectively.
.main { background-color:#ffffff; }
Then, this last one will only affect the button color.
____________
Do any of y'all know how to change the color for the white background box for like... your basic info and the "about this pack" section?
.formatimg { background: #______; }
changes the bio background box color, not completely though
____________
Maybe I'm just overlooking something but I was wondering how do you change the color of links in the chat box?
It's not difficult to change the color of any link as long as you know which selector you should be using.
.smalltextblack a:link { color: #HEX; }
____________
Is there a way to change the color of the text in the valid/error message boxes? Like where you can see your daily cp
~~~
The very last two codes in the first post.
just add "color: #HEX". should work. not tested tho.
____________
I was wondering if the gradients are there anyway to have that be more then just 2 colors. Like could you make the gradient black to green to pink or something or can it only be a gradient of like black to green. I don't know if the way I worded this makes sense but hopefully it does
@Mewni - that is possible:
https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
____________
Remove borders:
border: 0px !important;
____________
Make transparent backgrounds:
background: transparent;
____________
How do you change the background for your den bio?
.pgbg {
background-color:#f8f5da;
}
____________
Just for the bio-
I can't find the code anywhere but one of my palettes puts a brown in the "about my pack" background and I can't find how to change it
try this:
.formatimg {
background: #HEX;
}
____________
is it that the image is messed up or wont it appear at all? if it doesnt appear you likely mistyped.
,. Did you put it by the 'sites overall colors?' underneath Tertiary is where I put mine
I need some help getting the header right. It just won't go
____________
Something cool I wanted to share:
I got a browser extension called ColorPick Eyedropper that can auto-generate various palette from a given color (on the settings page).
Saves me a lot of time since most of my time wasn’t spent on coding itself but taking ages to pick colors that match.
____________
How would you change the font on the Palette to Fondamento?
Search up CSS font codes on Google, but remove the " .
____________
background-size:contain;
should work, larger images are good. but high resolution ones are the best
Does anyone know how to make an image fit to the size of the background of the palette? If that makes sense?
____________
What's the code for fitting an image to a palette so it doesn't get blurry? Also, how do you keep the header from scrolling down the image when you scroll?
For the first question, try the following. The | just separates the different options you can use:
background-size: cover | x% | # px
____________
under the four "mainscreen" sections, add (but withouth the <>)
How do I get rid of this black border around the background? It's really bugging me!
https://i.postimg.cc/k4vFg9hv/60373-B6-C-1740-4-ACB-B5-EC-71523-F8246-D0.jpg
____________
background-attachment: fixed
How do you make the background scroll? Because how my background looks right now is kinda ugly in my opinion~
____________
Change your chat text color:
.smalltextblack { color: #HEX; }
____________
If you mean the BG colors~
.main {
background-color:#b8cca7;
}
.sales {
background-color:#efecc8;
}
____________
How can I change the color of the chat texbox? Like, where you type
That would be where :#cbe0eb is in this, Also from Venn's post
.iclass {background-color:#cbe0eb; color:#0f2734; -moz-border-radius: 7px;
border-radius: 7px; border-width:1px;}
____________
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 0px;
Specifically the first line of code, but the rest is useful with bg images too.
Just put that within the { }'s
____________
how do you make things transparent ;-;
I'm not sure how to do it with coding, but you can just make a copy of your image and go over it with a low opacity white/black/whatever overlay and it gives it the same effect.
That's what I do anyways
How would I change the opacity of an image? Specifically the page bg
Or just gradient in general
____________
WP header size: 900x200
To make it disappear, add `background:transparent;`
____________
Now, what about chat nicknames? How do I change those?
You should use the same text color in :visited and :link
For chat nicknames .bsmalltext {color: #xxxxxx;}
____________
Anyone know how to change the color in explore where it says how many predators there are, moves and the status of the wolves(hunger,health etc>).
.explorelevel {color:#;}
You cannot change the colour of the predator as it is an image but this changes the rest of the information
____________
Here's the background where the trees are-
.daybody {url:"link";}
.nightbody (url:"link";}
and just add any other positioning/sizing/etc bits to that :3
____________
For the Predator, Moves and Terrain line it's like Blood said previously:
.explorelevel {color:#000000;}
____________
For "status of wolves" if you meant the text which has wolf name, health, hunger, thirst and their values (eg 80/100), the code is this:
.mainlineblacksmall {color:#000000;}
____________
For the feedback during explore "Your wolves wander through ... "
div.feedback div font {color:#000000;}
____________
For "North, South, West, East"
tr.explore {color:#000000;}
____________
For the "Adventure" and "Options" titles
.mainlinetan2 {color:#000000;}
____________
For the text of the items in the options table . Each type of item ( healthing, chrysalises ,etc) has its own number
div.options2 table {color:#000000;}
div.options3 table {color:#000000;}
div.options4 table {color:#000000;}
div.options5 table {color:#000000;}
div.options6 table {color:#000000;}
div.options7 table {color:#000000;}
div.options8 table {color:#000000;}
div.options9 table {color:#000000;}
div.options10 table {color:#000000;}
div.options11 table {color:#000000;}
div.options12 table {color:#000000;}
div.options13 table {color:#000000;}
____________
.pgbg { background-image: transparent }
hmm. try { background: rgba(0,0,0,0); }
or if that still doesn't, try { background-color: rgba(0,0,0,0); }
it would be
background: transparent
not background-image
It still just turns the whole page background dark green
Very late, but you can try putting background:transparent; in your .mainscreen codes. It removes the green background, so your .pgbg transparency should work
____________
.daybody {
background: #262936;
}
Nighttime BG only:
.nightbody {
background: #2e3141;
}
Use both together if you want the background to remain permanent.
____________
Yep, though you'll want to add additional coding on top of that, like background-size: 100%; background-position: fixed; etc. *To change to image use background: url(link);
~~~
For an image, would I replace the "#000000" with the "url(link);"?
____________
Might just be me not seeing it but where or what code would be for the white backgrounds in the bio, info, featured wolf, my awards, my familiars, and wolves tabs? On the den page~
There is not an only way to change them, the shortest code for it is:
table div:nth-child(1) {background:rgba(1, 1, 1, 0.99);}
Those white backgrounds don't have a specific class/id so the code would change some unexpected places. (For this particular line the main places are battle screen, forums post blocks and during an item selection)
____________
If "color of the message from point" refers to the color of the text telling you how many CP you have, that goes under the "Set the color of error/valid message after you submit an action" part of the code given in thedefault palette code. Simply add color:#HEX; into the .validmsg{} part.
____________
Is there a way to change the colour of the white boxes on the customs page?
/*----------Custom-----------*/
.custz {background: #000000 !important;}
.custli {background: #000000 !important;}
td.custd3 input[type=range] {background: #000000;}
____________
What coding removes the green border around items? Ex: the chatbox or the daily cp box
You need to add the border property to your selectors.
Ex (for daily cp box):
.errormsg { background-color:#dd3c3c; border:1px solid #000000; }
.validmsg { background-color:#7f7f7f; border:1px solid #000000; }
____________
How do you change the color of text in the buttons and boxs? Ex: The daily cp box, "chat" button, "attack" button, "explore" button
The selector for "chat", "attack", etc buttons is:
.main { background-color:#a37575; }
Now, if you want to change the text color there:
button.main td {font-family:arial,sans-serif; color:#000000;}
____________
If you want the main chat color to be different from the button color, you can add this line:
.saleschat.main {
background-color:#3c0404; border:1px solid #444444;
}
____________
Is there a way to code your mouse cursor to be different with your pallette? I think there is as I've seen someone's pallette with a different one.
~
This would help
* {cursor: url(INSERT CURSOR IMAGE LINK 1),auto;}
a:-webkit-any-link {cursor: url(INSTERT CURSOR IMAGE LINK 2),auto;}
.bsmalltext a:link {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}
.bsmalltext a:visited {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}
.iclass {cursor: auto;}
* is for every selector
a:-webkit-any-link is for links but you can specify it more by adding it in specific selectors (eg bsmalltext)
"INSERT CURSOR IMAGE LINK X" is the link of the cursor you want to be displayed in your palette.
____________
Also how do you change the color of the brown text? Ex: my pack number on my den page is brown still. Also the subject of mail is brown still.
This would help:
.mainline {font-family:arial,sans-serif; color:#949494;}
.smalltext {font-family:arial,sans-serif; color:#949494;}
.mainline a:link {font-family:arial,sans-serif; color:#949494;}
.mainline a:visited {font-family:arial,sans-serif; color:#949494;}
.mainline a:hover {font-family:arial,sans-serif; color:#b9b9b9;}
____________
for anyone who doesn't like the new buttons and wants them back how they were before, here's code that will do that:
.wpbutton { font-family:arial,sans-serif; font-size:15px; color:#000000; background-color:rgba(0,0,0,0); padding:0px; border:0px; border-radius:0px; border: 0px solid #000000; }
.wpbutton a:visited { font-family:arial,sans-serif; font-size:15px; color:#000000; background-color:rgba(0,0,0,0); padding:0px; }
.wpbutton a:link { font-family:arial,sans-serif; font-size:15px; color:#000000; background-color:rgba(0,0,0,0); padding:0px; }
.wpbutton a:hover { font-family:arial,sans-serif; font-size:15px; color:#000000; background-color:rgba(0,0,0,0); padding:0px; }
just edit the text colours to how yours are
____________
.pgbg { background-color:rgb(76,76,76,0.4); }
*Change the 0.4 to 0 for total transparency
____________
End of Summary
Summer Month: 2 
Night 
Fog Moon: 
