Kidson Talks | The E-commerce Chemist

SEO | E-COMMERCE | EBAY - This is my journey as an E-commerce Consultant

Kidson Talks | The E-commerce Chemist header image 2

Lesson 6: eBay Shop Category Control with CSS

June 11th, 2008 · No Comments

OK, I did promise ebay javascript, but I wanted to do a little more on eBay Shop CSS.

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

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Netvouz
  • MisterWong
  • BlinkList
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb
  • SphereIt
  • Sphinn
  • Wists

Category Web Mastering · eBay

Tags: , ,