X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Adding Borders around navigation areas, in boxes? (https://forum.x-cart.com/showthread.php?t=7132)

bluecat 04-13-2004 09:15 AM
Adding Borders around navigation areas, in boxes?
 
Can anyone tell me how and where to add a border around the navigation boxes?

lyncca 04-13-2004 12:36 PM
Hi there,

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

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 04-13-2004 01:12 PM
Thank you very much! :)

lyncca 04-13-2004 01:24 PM
welcome :)

bluecat 04-13-2004 01:25 PM
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 04-13-2004 01:36 PM
I think you can just change this:
Code:
.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 04-13-2004 01:42 PM
Thanks for all the help, actually, I don't have that one. Here's the whole script:

Code:
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 04-13-2004 01:55 PM
try this:

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

bluecat 04-13-2004 04:57 PM
That worked, thank you! :)

lyncca 04-13-2004 06:29 PM
Great 8)

shan 04-14-2004 05:01 AM
its helps people to answer you if you have your version number in your forum signature :wink:

bluecat 04-16-2004 03:21 AM
3.4.9, thanks.


All times are GMT -8. The time now is 10:35 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.