MyBB Community Forums

Full Version: Change the background of this warning?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How can I change the color of this warning because it is unreadable?

http://prntscr.com/2k7wb7
Could you link me to that page?
I'll give you the exact CSS Lines you have to replace.
(2014-01-17, 11:19 PM)bluedog.tar.gz Wrote: [ -> ]Could you link me to that page?
I'll give you the exact CSS Lines you have to replace.

thetechhost.com just try to login with random details to get the error.
You have to change the div.error in your global.css. Here is your original:
div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

You can change like this for example:
div.error {
	padding: 5px 10px;
	background: #1586D6;
	font-size: 12px;
}

Now it has a background that fits to your forum. See Screenshot...
[attachment=30872]

If you want to change the red color of the message you have to change color in this part of your global.css.
div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.gif) no-repeat 0;
}
(2014-01-18, 11:10 AM)Real Kenny Wrote: [ -> ]You have to change the div.error in your global.css. Here is your original:
div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

You can change like this for example:
div.error {
	padding: 5px 10px;
	background: #1586D6;
	font-size: 12px;
}

Now it has a background that fits to your forum. See Screenshot...


If you want to change the red color of the message you have to change color in this part of your global.css.
div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.gif) no-repeat 0;
}
I have tried this but it still doesn't seem to be working.
It works. I`ve tested it directly with the Browsertools. Maybe you have to clear your Browsercache. Did you edit the right CSS?