The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 04-17-2010, 08:23 PM
Ganesha Xi's Avatar
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
  #2  
Old 04-18-2010, 12:38 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by Ganesha Xi View Post
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:
http://gemsdandy.com
Apply this custom CSS to fix the issue:

HTML Code:
#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div {
  background:#450100 url(../images/red/bg_page.png) repeat fixed 0 0;
}

#leftcolumn div.module_menu div div div, #leftcolumn div.module div div {
  padding-bottom:0;
}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #3  
Old 04-18-2010, 01:41 PM
Ganesha Xi's Avatar
Ganesha Xi Ganesha Xi is offline
Junior Member
 
Join Date: Apr 2010
Posts: 5
Default

Wonderful, thank you!!! Is there a way to do this for the background of "search" and the cart?
  #4  
Old 04-18-2010, 01:51 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by Ganesha Xi View Post
Wonderful, thank you!!! Is there a way to do this for the background of "search" and the cart?
Yep:

HTML Code:
div#Minicart-1 {
  background:#450100 url(../images/red/bg_page.png) repeat fixed 0 0;
}
div.ecwid-SearchPanel {
  background:#450100 url(../images/red/bg_page.png) repeat fixed 0 0;
}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #5  
Old 04-28-2010, 04:35 PM
Ganesha Xi's Avatar
Ganesha Xi Ganesha Xi is offline
Junior Member
 
Join Date: Apr 2010
Posts: 5
Default

Excellent, thank you SO much!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
background, categories, css, vertical

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:36 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.