SimplePortal
Customization => Themes and Graphics => Topic started by: rspsloading on July 30, 2011, 12:28:10 PM
-
how do i change the colour of the header on a block?
-
This is something you'll have to do one block at a time.
This is because the blocks use the same "catbg" CSS class that is used all over your forum.
So if you want the block titles to look different from all the other title bars, you'll need to do something different to them.
What exactly you do depends on your theme.
In Curve-based and Core-based themes, the CSS for "catbg" specifies a background image.
Changing that means using some style that specifies a different background image (or no image at all).
In some custom themes, titlebg or some other CSS class uses a different-colored background image, so that is available.
If this is the case, you've got exactly what you want.
If not, then you'll have to do something a little more complicated. Create a rule for your own custom CSS class, in index.css or portal.css. Then use that CSS class in place of catbg for each and every block.
For more on how to use a different CSS class for a block's title bar, please see http://simpleportal.net/index.php?action=docs;area=block_editor (http://simpleportal.net/index.php?action=docs;area=block_editor)
For more on how to create a new CSS class, similar to catbg, but without the background images, please have a look in index.css and portal.css for every instance of catbg.
If you are new to CSS, please look at a good css tutorial, like the one at w3schools.com.