X-Cart forums

[bluecat]

Can anyone tell me how and where to add a border around the navigation boxes?

[lyncca]

Hi there,

In your CSS file, you can make those adjustments. It should be in the following code:

.VertMenuBox {
        BACKGROUND-COLOR: #EEEEEE;
}
.VertMenuBorder {
        BACKGROUND-COLOR: #182C66;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #ee0000; COLOR: #ffffff; FONT: bold 10px;
}
.VertMenuItems {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #11204C; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #11204C; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #ee0000; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #ee0000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #000000;
}

[bluecat]

Thank you very much!

[lyncca]

welcome

[bluecat]

Well shoot, if I could bug you (or anyone) a bit more, can you give an example of how to add it to the code? I've added: table border="1" inside the tags to no avail.

[lyncca]

I think you can just change this:

.VertMenuBorder { 
        BACKGROUND-COLOR: #182C66; 
} 

to the color you want.... if not let me know.

I actually think they have changed how to do it in the more recent versions to be a little easier than the older ones so we may need to dig a bit in yours...

[bluecat]

Thanks for all the help, actually, I don't have that one. Here's the whole script:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #550000; FONT-SIZE: 10px;
}
A:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #FF3300; TEXT-DECORATION: underline;
}
A:active  {
        COLOR: #000000; 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: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; 
        BACKGROUND-COLOR: #FFFFFF;
}
.HeadBox {
        BACKGROUND-COLOR: #FFFFFF;
}
.VertMenuBox {  
        BACKGROUND-COLOR: #CCCCCC; 
}
.VertMenuTitle {
        BACKGROUND-COLOR: #999999; COLOR: #000000; FONT-WEIGHT: bold;
}
.VertMenuItems{
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
}
.CategoriesList {
	FONT-SIZE: 12px;
}
.DialogBox {
        BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
        BACKGROUND-COLOR: #999999;
}
.DialogTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.NumberOfArticles {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
        COLOR: #000000;
}
.DecorTr {
        COLOR: #B89E56;
}
.AdminSmallMessage {
        COLOR: #000000;
}
.AdminTitle {
        COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
        BACKGROUND-COLOR: #999999;
}
.ProductTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetailsTitle {
        COLOR: #CC0000; 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: #CC0000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
        COLOR: #7C4C00; FONT-WEIGHT: bold;
}
.MarketPrice {
		FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.NavigationPath {
        COLOR: #CC0000; FONT-WEIGHT: bold;
}
.FormButton {
        COLOR: #000000; FONT-WEIGHT: bold; 
}
.CustomerMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.ErrorMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.Star {
        COLOR: #FF0000;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; 
}
.TableHead {
    BACKGROUND-COLOR: #DDDDDD;
}
.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;
}
.Bottom {
        BACKGROUND-COLOR: #CCCCCC; COLOR: #000000;
}

Unless I'm missing it.

[lyncca]

try this:

.VertMenuBox {  
        BACKGROUND-COLOR: #CCCCCC; 
        BORDER: #000000 1PX solid;
} 

[bluecat]

That worked, thank you!

[lyncca]

Great