eBay Shop Design Lesson 8 – Promotion Boxes

As I rubbished the promo boxes with the last CSS changes I thought I should get back to them ASAP.

First list on the agenda was to get rid of those crazy ‘corner’ images for the promo boxes:

table#PromoListView table table img {
display: none;
}

but that also kills the promo box images (and the slider) so now I have to put back the bits I want:

table#PromoListView table table#Table3 img {
display: inline;
}

I still don’t have anything defined, and the default text of the box titles is just too pale, so I am going to pink it up:

#PromoListView tr td font
{
color:#FF00FF;
font-size:18px;
}

and I am going to make the item links in these promo boxes hot pink:

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

then I shall encase each box with a border:
table#PromoListView {
border:1px #FFCCFF solid;
}

We have not changes the width or dimensions of the promo boxes but you would do this from the table#PromoListView section and using the !important tag. You can also add in backgrounds, images etc that have not been explored here.

Please as always read the disclaimer

The entire section looks like this:

/*Promo Boxes*/
/*hide ebay corner images*/
table#PromoListView table table img {
display: none;
}
/*correct the fact that the above kills the main image too*/
table#PromoListView table table#Table3 img {
display: inline;
}
/*item links*/
table#PromoListView a {
color:#FF00FF;
text-decoration:none;
}
/*box title text*/
#PromoListView tr td font
{
color:#FF00FF;
font-size:18px;
}
/*promo box border*/
table#PromoListView {
border:1px #FFCCFF solid;
}
/* -------- End -------- */

You can see the full css file here: eBay Store Design with CSS and to see the changes to my eBay store as we go along visit : http://stores.ebay.co.uk/Hairfreax

Next I shall sort out the shop search section, once I have found which table it corresponds too. Its seems to be avoiding me!

See what others have done with this information and while your at it buy from them!
http://stores.ebay.com/J-L-OUTDOOR-SUPPLY
http://stores.ebay.co.uk/Betterlifehealthcare
http://stores.ebay.it/TM-bazar

Edited to add:

If you want a background image for your store try the #paging id. This effects the background elements of your store. I will be getting down and dirty with the new compliance rules soon…

Be Sociable, Share!