padding
 

This is driving me crazy. How do I remove the padding between the the sections on the vertical menu bar. I'm using a two column layout and I know I need to change this in the skin1.css but I can't figure out which padding to change to "0"

I want it to look seemless.

Thanks you so much for any help

Re: padding
 

It is probably a <br/> tag in customer/home.tpl, not padding.

Re: padding
 

Thanks balinor that helped.. I have one more question for anyone and hopefully I can get some help.
My left menu bar now has no spaces but I would like to change the images on that vertical bar.
I would like to change the defalt images on the bar and place them with new images under the main header. (categories, bestsellers, ect.) i was able to change the (dingbats_categorie.gif) but when I change it to a new image it doesn't resize.

Where do I make the changes to these images and where do I resize them.

Thank you so much.
-e

Re: padding
 

Do you want the same image for each menu? If so, it is a pretty easy fix...if not, not so easy.

Re: padding
 

at the moment I would like to use the same image, later on after I get a better handle on this cart I might try using different images.

I would like to have the image underneath main header.

thanks

Re: padding
 

Then you can simply edit menu.tpl. Be careful here though, as that template is shared between the admin and customer sides. To have something only show for the customer, use this:

{if $usertype eq "C"}
show image
{/if}

To call an image in X-Cart, use this:

<img src="{$ImagesDir}/imagename.jpg" alt=""/>

Upload the image to the skin1/images directory.

Re: padding
 

Ok balinor I'm looking at this code. Am I adding your code or changing some part of the code below. I want to change the dingbats image to a new image catBar.jpg and only have it show up on the customer side.

Balinor thank you so much for your help.



<table cellspacing="1" width="100%" class="VertMenuBorder">
<tr>
<td class="VertMenuTitle">
<table cellspacing="0" cellpadding="0" width="100%"><tr>
<td>{$link_begin}<img src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" class="VertMenuTitleIcon" alt="{$menu_title|escape}" />{$link_end}</td>
<td width="100%">{if $link_href}<a href="{$link_href}">{/if}<font class="VertMenuTitle">{$menu_title}</font>{if $link_href}</a>{/if}</td>
</tr></table>
</td>
</tr>
<tr>
<td class="VertMenuBox">
<table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%">
<tr><td>{$menu_content}<br /></td></tr>
</table>
</td></tr>

Re: padding
 

You need to remove the dingbats code all together and replace it with the image code I provided.

Re: padding
 

I got it now. Thank you so much. One more thing is there a way to have the header over the top of the image.

Re: padding
 

The code I posted:

<img src="{$ImagesDir}/catBar.jpg" alt=""/>

Re: padding
 

I got it, I had to read it a couple of times. Thank you for that.
It's pushing the header over to the right. Can I have it go over the top without placing it in a table.

Re: padding
 

Go over the top?

Re: padding
 

I'm thinking that I have to make my image more of a background image so that the header is over the image and not pushed it to the right.
I the moment it'smage)categories. I would like to have the word categories overtop of the image.

I hopethis make sense.

Re: padding
 

Ok, in that case you need to create a new class for that table cell. remove the image all together and add this to the <td> tag:

<td class="menu-header">

Then, in skin.css, add this:

.menu-header {background: url(images/catBar.jpg); background-repeat: no-repeat;}

Re: padding
 

I've got that done but now it's not putting it underneath the main header and it making the image height smaller. I'm thinking that there is another <td> image height set somewhere in the skin1.css that I need to change.

Thank you

Re: padding
 

Balinor your the best!! I got it to work I just need to figure out how to make the text backgound clear like on the submenu bar. Once again thank you so much.

-e

Re: padding
 

Balinor do you know how I can get the text (categories, bestsellers, Your cart...ect) to have a transparent background. Simlar to the transparent background on the header bar after you click on the category.

Sorry for all the questions.

-e

Re: padding
 

Just change the VertMenuTitle class to have no background color.

Re: padding
 

Sweet!! Thank you so much.