So I want to give my store categories a pink background:

table#StoreCategories {
background-color:#FFCCFF;
}

and say then, I want to have the links in a different pink:

table#StoreCategories a {
color:#FF00FF;
text-decoration:none;
}

then I want to space out the categories and give them a pink line spacing:

td.category {
height:35px;
border-top:1px solid #FF00FF;
}

then I feel silly about only having borders at the top and change it to:

td.category {
height:35px;
border:1px solid #FF00FF;
}

These eBay shop design series are just to illustrate what CSS elements you can manipulate in your eBay shop front. We will move onto adding graphics to replace your eBay shop categories soon enough.

Ok, ok…just slip this code in so the whole section looks like this:


/*Category Section*/
table#StoreCategories {
background-color:#FFCCFF;
}

table#StoreCategories a {
color:#FF00FF;
text-decoration:none;
}

td.category {
height:35px;
border-top:1px solid #FF00FF;
/*New Bit*/
background: url(http://www.kidsontalks.com/ebaybutton.jpg) no-repeat;
}
/* -------- End -------- */

Site Interference Policy Disclaimer