MyBB Community Forums

I don't know how to change the colors of my title bars. Can you help me?
And I want to know how to change the color of the text in the title bar.

Go to: am-online.pe.hu/forum\

Version 1.8.7

MyBB's default theme has some colors to select. you may try selecting one of those colors

forum admin panel >> Templates & Style >> themes >> default theme >>
scroll down for Manage Colors --> Base Color --> select a color --> save

then refresh your forum index page and check if the colors look nice.

it might be better to install & use a good looking theme for your forum.
freely available themes => http://community.mybb.com/mods.php?actio...ory=themes

theme installation guidance => http://community.mybb.com/thread-163256.html

(2016-08-14, 12:41 PM).m. Wrote: [ -> ]MyBB's default theme has some colors to select. you may try selecting one of those colors

forum admin panel >> Templates & Style >> themes >> default theme >>
scroll down for Manage Colors --> Base Color --> select a color --> save

then refresh your forum index page and check if the colors look nice.

it might be better to install & use a good looking theme for your forum.
freely available themes => http://community.mybb.com/mods.php?actio...ory=themes

theme installation guidance => http://community.mybb.com/thread-163256.html

Ok. I have an answer on my 1st question. Now I need another answer.
Now I want to make yellow the Welcome back bar, the forum bar, the Who is online bar, And the Board stactics bar. And then I want to make all the text in the yellow bars Black

Those are all controlled by class thead in the global.css. If you only want to change colour on the ones you specify you will have to define new classes.

.thead {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #ffffff;
border-bottom: 1px solid #263c30;
padding: 8px;
}

Something like this?



Find this code in your global.css

.thead {
	background: #0066a2 url(images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

replace with:

.thead {
    background: #FFD700;
    border-bottom: 1px solid #550000;
    color:#000;
    padding:8px;
}

p.s. whoever "coded" your css is definitely mistaken. they've made multiple copies of the .thead class. so delete one of the classes and make sure the only .thead existing is the one i've specified above

Regards,
consa