X-Cart forums

[CenturyPerf]

I'm using one of the 7dana skins (amazon style) and having an issue with one of the backgrounds.

In the CSS file I changed the "VertMenuBox" and "VertMenuBox2" to the background image I'm using and that worked fine, except it did not change all the tables. I still have Category, Manufacturer, and the Help tables with a colored background.

I was trying to find the specific coding that calls to the CSS, but I must be missing it. Without changing each CSS field with that color, one at a time, to see if that is the cause, I'm stuck.

I still have work to do on the file, but this is my current road block. I posted the CSS file below.

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; color: #1B1B1B; font-size: 11px; }
A:link { COLOR: #330000; TEXT-DECORATION: none; }
A:visited { COLOR: #330000; TEXT-DECORATION: none; }
A:hover { COLOR: #550000; TEXT-DECORATION: underline; }
A:active { COLOR: #330000; TEXT-DECORATION: none; }
H1 { FONT-SIZE: 15px; }
H2 { FONT-SIZE: 13px; }
H3 { FONT-SIZE: 12px; }
HR { COLOR: #DDDDDD; HEIGHT: 1px; }
BODY { MARGIN-TOP: 0 px; margin-bottom: 10px; margin-left: 7px; margin-right: 7px; background-color: #FFFFFF; }
.HeadBox { BACKGROUND-COLOR: #FFFBD3; }
.HeadText { FONT-SIZE: 12px; FONT-WEIGHT: bold; color: #800000; }
.HeadLine { background-color: #800000; padding: 5px; }
.VertMenuBox { border: 1px solid #666666; background-image: url('images/table_bg.gif') }
.VertMenuBox2 { border-right: 1px solid #666666; border-left: 1px solid #666666; background-image: url('images/table_bg.gif') }
.VertMenuBorder { background-color: #2B2B55; }
.VertMenuTitle { color: #FFFFFF; FONT-WEIGHT: bold; background-image: url('images/menu_center.gif'); background-repeat: repeat-x; background-position: top; }
.VertMenuItems { COLOR: #330000; TEXT-DECORATION: none; font-size: 10px }
.VertMenuItems:link { COLOR: #330000; TEXT-DECORATION: none; }
.VertMenuItems:visited { COLOR: #330000; TEXT-DECORATION: none; }
.VertMenuItems:hover { COLOR: #550000; TEXT-DECORATION: underline; }
.VertMenuItems:active { COLOR: #330000; TEXT-DECORATION: none; }
.VertMenuHr { COLOR: #999999; }
.CategoriesList { FONT-SIZE: 10px; }
.DialogBox { BACKGROUND-COLOR: #ffffff; }
.DialogBorder { background-color: #FFFFFF; }
.DialogTitle { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; background-color: #ECE9D8; padding: 4px; border: 1px #cccccc solid; }
.NumberOfArticles { COLOR: #000000; FONT-WEIGHT: bold; }
.TopLabel { color: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.Text { COLOR: #000000; }
.DecorTr { COLOR: #389DA6; }
.AdminSmallMessage { COLOR: #FF3300; }
.AdminTitle { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.Line { BACKGROUND-COLOR: #FF6600; }
.ProductTitle { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.ProductTitleHidden { COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px; }
.ProductDetailsTitle { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.ProductDetails { COLOR: #000000; }
.ProductPriceTitle { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.ProductPriceConverting { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.ProductPrice { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; }
.ProductPriceSmall { COLOR: #FF3300; FONT-WEIGHT: bold; }
.MarketPrice { FONT-SIZE: 14px; FONT-FAMILY: Times New Roman; }
.ItemsList { COLOR: #330000; FONT-WEIGHT: bold; }
#Disabled { COLOR: #909090; }
.NavigationPath { color: #2B2B55; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.NavigationPath:link { color: #2B2B55; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }
.NavigationPath:visited { color: #2B2B55; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }
.NavigationPath:hover { color: #800000; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.NavigationPath:active { color: #800000; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }
.FormButton { COLOR: #330000; FONT-WEIGHT: bold; }
.Button { BACKGROUND: URL(images/butbg.gif); color: #454545; font-size: 11px; font-weight: bold; text-decoration: none; }
.CustomerMessage { COLOR: #FF3300; FONT-WEIGHT: bold; }
.ErrorMessage { COLOR: #FF3300; FONT-WEIGHT: bold; }
.Star { COLOR: #FF0000; }
.HighLight { BACKGROUND-COLOR: #FFFFCC; }
.SaveMoneyLabel { COLOR: #FFFFFF; FONT-WEIGHT: bold; }
.TableHead { BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold; }
.TableSubHead { BACKGROUND-COLOR: #EEEEEE; }
.TableLine { BACKGROUND-COLOR: #F0F0F0; }
.SmallNote:link { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; }
.SmallNote:visited { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; }
.SmallNote:hover { COLOR: #7C4C00; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; }
.SmallNote:active { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; }
.SmallText { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; }
.Bottom { background-color: #ECE9D8; color: #000000; padding: 4px; }
.Bottom_border { background-color: #ECE9D8; color: #000000; padding: 4px; border: 1px #cccccc solid; }
.Tab { background-color: #ECE9D8; TEXT-TRANSFORM: uppercase; font-weight: bold; font-size: xx-small; }
.CatMenuItemOff { BACKGROUND-COLOR: transparent; BORDER-RIGHT: none; BORDER-TOP: none; BORDER-LEFT: none; BORDER-BOTTOM: none; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; }
.CatMenuItemOffExp { BACKGROUND-COLOR: transparent; BORDER-RIGHT: none; BORDER-TOP: none; BORDER-LEFT: none; BORDER-BOTTOM: none; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; }
.CatMenuItemOn { BACKGROUND-COLOR: #FF8600; BORDER-RIGHT: none; BORDER-TOP: none; BORDER-LEFT: none; BORDER-BOTTOM: none; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; }
.CatSubMenu { BACKGROUND-COLOR: #FFD44C; BORDER-RIGHT: #8E4B00 1px solid; BORDER-TOP: #8E4B00 1px solid; BORDER-LEFT: #8E4B00 1px solid; BORDER-BOTTOM: #8E4B00 1px solid; MARGIN-LEFT: 1px; MARGIN-RIGHT: 2px; }
.CatMenuItem { FONT-SIZE: 12px; FONT-FAMILY: Arial; CURSOR: pointer; }
.CatMenuItem:link { COLOR: #330000; }
.CatMenuItem:visited { COLOR: #330000; }
.CatMenuItem:hover { COLOR: #330000; }
.CatMenuItem:active { COLOR: #330000; }
.NavDialogTitle { font-size: 11px; font-weight: bold; color: #330000; }
.NavDialogBorder { background-color: #FFCC33; }
.NavDialogBox { background-color: #FFFFCC; }
.PopupHelpLink { FONT-SIZE: 9px; COLOR: #330000; TEXT-DECORATION: none; }
.SubHeader2 { COLOR: #666666; font-size: 11px; FONT-WEIGHT: bold; }
.SubHeader2Line { BACKGROUND-COLOR: #CCCCCC; }
.HightLightRow { BACKGROUND-COLOR: #B0B0B0; font-weight: bold; }
.HightLightEqualRow { BACKGROUND-COLOR: #ffe8af; }
.VertMenuSubTitle { BACKGROUND-COLOR: #FFA92F; }
#categories a { display: block; background-color: #ECE9D8; border-bottom: 1px #cccccc solid; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; color: #1B1B1B; padding-right: 3px; }
#categories a:hover { background-color: #DCD7B8; color: #800000; text-decoration: none; }
.okvir { width: 100%; background-color: #FFFFFF; }
.right { background-color: #FFFFFF; color: #FFFFFF; }
.left { background-color: #FFFFFF; }
.speed_border { border-bottom: 0px solid #8E4B00; }
.header_minicart { COLOR: #330000; TEXT-DECORATION: none; }
.header_minicart:link { COLOR: #330000; TEXT-DECORATION: none; }
.header_minicart:visited { COLOR: #330000; TEXT-DECORATION: none; }
.header_minicart:hover { COLOR: #550000; TEXT-DECORATION: underline; }
.header_minicart:active { COLOR: #330000; TEXT-DECORATION: none; }
.adv_search, .adv_search a:link, .adv_search a:visited { color: #FFFFFF; }
.adv_search a:hover { color: #FF8C8C; }
.header_sub { background-color: #ECE9D8; padding: 7px; border-bottom: 1px #cccccc solid; border-top: 1px #666666 solid; }
.listing { background-color: #F8F8F8; border: 1px solid; padding: 7px; border-color: #E5E5E5; }
.listing2 { background-color: #F5F5F5; padding: 7px; border: 1px dotted #845974; }

[Zaja]

Hi Sam,

edit 'categories' selector, for example:

#categories a { display: block; background-image: url('images/table_bg.gif'); border-bottom: 1px #cccccc solid; padding-left: 10px;

btw. Contact me at info@7dana.com if you need help with skin customization or support.

[CenturyPerf]

I e-mailed you on 07.20.2005, you have yet to reply.

I'll test your posted suggestion later this evening. Thanks

[Zaja]

Originally Posted by CenturyPerf

I e-mailed you on 07.20.2005, you have yet to reply.

I can't find your email.....maybe I deleted your message with MailWasher, please email me again.

[CenturyPerf]

I e-mailed you a minute or two after your post (forwarded the original e-mail).

When I try your suggestion that activates the commented out "#categories a" line it really destroys the rest of the page.

The upper portion of the page changes colors, and parts disappear. The categories change from a nice organized list to a run-on sentence. The only good it does it apply my background. One fix causes 4-5 more problems.

So, why is this happening, and where do I fix it? I'm PM'ing you a link to the site.

[Zaja]

Just close #categories class with "}"

#categories a { display: block; background-image: url('images/table_bg.gif'); border-bottom: 1px #cccccc solid; padding-left: 10px; }