Sidebar Background

Sidebar Background:

.sidebar {
border:1px solid #00000;

So, this code will affect the width of your sidebar, the font size, the colour of the text, the background colour of the sidebar (you will be able to notice this in the gap between your widgets) and lastly the border size and style and colour. I pretty much just change the colour, as I have no need to mess with the rest. You can go for something which is a complete contrast, or just a subtle difference in hue to the rest of your blog. Here again, if you haven’t yet seen them on our thread, are links to some CSS colours and hex codes:

CSS Colour Names: (
Colour Hex Codes: (

The 2nd link is great, as there is the option to colour mix as well (mix link after the colours). Also, if you explore the rest of that site, you will be in CSS Heaven (or Hell!) 😀

About the Author

Born in England, reborn in Poland, living the dream on Hattrick. I am the creator of 'The Golden League', which if you don't yet know what it is... you aren't getting the best out of HT ;) I am also a board member of the HTU Managers Federation, which I heartily recommend to all HT users as an established, supportive and amazing community with huge resources to help you make a brilliant blog for your team, and to help your teams succeed. Hope to see you there.