Menu Border
 

Hi

We are using standard template artistic tunes from x-cart. Now i want to do some small changes on navigation-box.

For the moment, it's shows only a line on the left side of the navigation-box (see attachement). But i want also that this line is on the right side.

I think this should be the css-code for it now:

.menu-dialog .content {
border: 0px;
padding: 8px 6px 20px 27px;
overflow: hidden;
background: transparent url(images/custom/menu_border.gif) repeat-y left top;
color: #9F2200 !important;

Can anybody help me how i have to change it that it shows also the line on the right side?

Thanks for your help

Regards
Manuel

Re: Menu Border
 

looks like it's an image that only has the line on one side,

background: transparent url(images/custom/menu_border.gif) repeat-y left top;

you could edit this image to suit,

Re: Menu Border
 

hi amy

this will not work. because it's an image 1px wide 2px high which repeat itself on the left side of the navigation box.

so it's not a good idea to edit the image...

is there no possibility to edit the css-code that this images does same effect on right side of the navigation box?

Re: Menu Border
 

basically, not that I know of, the css is repeating the image downwards as a background image, you cannot assign 2 background images to 1 element.

you could remove the background image, and manually set the element borders:

border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;

change #ffffff to the colour you want, and remove the line

background: transparent url(images/custom/menu_border.gif) repeat-y left top;

Re: Menu Border
 

okay, that's also fine, i just want a line on right and left.

and it works perfectly with your answer.

thanks a lot for you help