View Single Post
  #1  
Old 04-17-2010, 08:23 PM
Ganesha Xi's Avatar
Ganesha Xi Ganesha Xi is offline
Junior Member
 
Join Date: Apr 2010
Posts: 5
Vertical categories background (I'm going insane)

I have found the chunk of CSS that modifies the background image (tab.gif) for horizontal categories. However, it doesn't seem to work with vertical categories. http://kb.ecwid.com/When+I+use+horiz...+category+tabs
This doesn't seem to apply to vertical categories.
The first chunk of code is from another spot on the forum.
HELP!!
My CSS:
HTML Code:
/******************************************************************************/
/************* Categories (horizontal and vertical) Widget classes ************/
/******************************************************************************/
.postcontent .ecwid table td.ecwid-categories-vertical-table-cell {
  border:1px solid #303030;
  border-bottom:1px solid #303030;
  background:transparent url(http://gemsdandy.com/tab.gif) repeat;
  width:100px;
}
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected td.tabTopLeft {
    background: url(http://gemsdandy.com/tab.gif) no-repeat;
    height: 11px;
}
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected td.tabTopCenter {
    background: url(http://gemsdandy.com/tab.gif) repeat-x -11px 0;
    height: 11px;
}
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected td.tabTopRight {
    background: url(http://gemsdandy.com/tab.gif) no-repeat -589px 0;
    height: 11px;
}
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected td.tabMiddleLeft {
    background: url(http://gemsdandy.com/tab.gif) repeat-y 0 -11px;
}
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected td.tabMiddleRight {
    background: url(http://gemsdandy.com/tab.gif) repeat-y -589px -11px;
}
.ecwid-categories {
	background: #450100;
}
http://gemsdandy.com