X-Cart forums

[MythNReality]

Did some research but cannot find a solution.

I would like to use the image for VertMenubox and like to use border image for the box (didn't like the square box), need help on the following:

1. Shall I add the code from the skin1.css?
2. what code should I use?



Thanks a bunch

[balinor]

Yep, CSS is the way to go. Get yourself a good CSS book (the O'Reilly books are particularly good). The class you want to use is the background: class. Take a look at the way the .button class uses it and copy that.

[MythNReality]

Originally Posted by balinor

Yep, CSS is the way to go. Get yourself a good CSS book (the O'Reilly books are particularly good). The class you want to use is the background: class. Take a look at the way the .button class uses it and copy that.

Thanks Balinor. Now I've got more readings...

[MythNReality]

Actually, I got it done...without books, but with your assistance. This is what I did:

.VertMenuTitle {
background-image: url("picts/bluebar.gif");
BACKGROUND-COLOR: #E1EFFF; COLOR: #000066; FONT-FAMILY: Comic Sans MS; FONT-WEIGHT: bold; FONT-SIZE: 13px;
}


\

[shipmerchant]

That will work, I used this to get the effect I needed. Css is definetly the way to go.

.VertMenuBox {
BACKGROUND:#CCCCFF URL(/mystore/skin1/images/categories.gif);