MyBB Community Forums

Full Version: How to change text entry field background color
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
One last thing I need to do to my new forum is change the text entry field backgrounds to something a little lighter.  It is a dark forum so the fields are black BG and hard to find when registering or posting a new thread.  I tried textarea but it had no effect on my forum.

[attachment=46113]
inspect the page make sure if that that input element has class .textbox

then you can change background or give it a light border color

.textbox {

background: #616666 !important;
border: 1px solid ##c7c7c7 !important;

}
(2023-06-29, 01:00 PM)PARADOX987 Wrote: [ -> ]inspect the page make sure if that that input element has class .textbox

then you can change background or give it a light border color

input.textbox {

background: #616666;

}

Seems to be correct but it doesn't work!  You can take a look here:

https://www.alpharomeo15.org

Click Register Account to see the text input fields...
add !important tag

updated the code
(2023-06-29, 02:18 PM)PARADOX987 Wrote: [ -> ]add !important tag

updated the code

That works but I don't think it is working properly...LOL!  It only changed the border color but I can't change it to any other color so I think the Important tag is just over riding something else somewhere.

[attachment=46117]
Delete:
.textbox {
background: #616666 !important;
border: 1px solid ##c7c7c7 !important;
} 

search:
input.textbox {
    .
    .
    -webkit-box-shadow: 0 0 0 50px #171717 inset;
    .
    .
}


and change color.
(2023-06-29, 05:20 PM)Schnapsnase Wrote: [ -> ]Delete:
.textbox {
background: #616666 !important;
border: 1px solid ##c7c7c7 !important;
} 

search:
input.textbox {
    .
    .
    -webkit-box-shadow: 0 0 0 50px #171717 inset;
    .
    .
}


and change color.
That worked although something strange is still going...When I click in a text field, there is no | cursor...I can typed and everything but the cursor is not there flashing like normal.  I tried hard refreshing and all but still the same!   

Fixed it...I had to also change the Color: #f1f1f1

Good to go, Thanks!!