Widget Containers

Widget Containers:

This is the area of your left or right sidebar that contains the widgets, so in effect, the widget container. However, it is ONLY the bit behind each widget, not the sidebar itself. That is a different object.

The following code will allow you to put a background behind your widgets, or change the colour of it, alter borders etc

.widgetcontainer {
background-position:0 26px;
border:2px solid #000;
margin-bottom:10px;
background-color:#000000;
background:url(‘http://i1231.photobucket.com/albums/ee505/leebebbs/CVPirates/browndarkhtbkg_zps795b13f6.gif’);
color:#668833;
padding:10px;
}

*Note: If you didn’t know, some hexadecimal codes for colours can be reduced to three symbols, if the whole hexadecimal code is the same. For example, #000000 can be written as #000 or #ffffff can be #fff*

As always, remember to change my image link for one of your own. This image can be on an external site with no problem. Animated gifs also work fine.

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.