MyBB Community Forums

Full Version: Changing basic colors
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I'm just looking to change the color of the blue bar to something more indigo.

Not sure where to make the color change.

Blue bars containing Main Forums Page and Board Statistics at
http://prostudioforums.com/

Want the color to look more like...
https://web.archive.org/web/200512252326...ms.com/eve

Thx!
1. since you are using the default theme, you can change the base color of the forums from ACP >> Themes >> Default >> Scroll down to find "Manage Colors" >> Choose the Color Scheme and save....

if you are not happy with any of those color scheme do this...

2. ACP >> Themes >> Default >> global.css >> open it in advanced mode
and search for .thead and change its background from "#0066a2 url(images/thead.png) top left repeat-x" to any color..

from...
background: #0066a2 url(images/thead.png) top left repeat-x;

change it to...
background: #0000ff;

and change the color code to suit your need....
OK, beautiful. Got it. Thank you!

http://prostudioforums.com/

Now, there's the bars that say Forum and Who's Online.

I'd like to change those to gray.
for that you need to change the background for .tcat in global.css
Thank you. Got it!

I found Oliver Evans' videos, which have cleared up a lot.

How to people find out what is what? How do you know about .thead, .tcat, .trow1, etc.?

There doesn't seem to be a guide for any of that, other than what some users have made.
(2014-12-30, 09:19 AM)Dot Wrote: [ -> ]How do you know about .thead, .tcat, .trow1, etc.?

.thead, .tcat, .trow1 are the basic structure of mybb.. anyone who is using mybb for quiet sometime could know this.. even if you are new, just use the web inspector  (every browser has its own) option in chrome to find them... in chrome, right click on an element and select "Inspect element"...
(2014-12-30, 09:27 AM)mmadhankumar Wrote: [ -> ]even if you are new, just use the web inspector  (every browser has its own) option in chrome to find them... in chrome, right click on an element and select "Inspect element"...

Ah, OK. Simplifies things quite a bit.

Thanks very much for you help, mmadhankumar!
this css guidance also helps to some extent though it was provided for earlier version of MyBB