X-Cart forums

[tony1100]

HI there, I hope I can get help from here. I'm editing front page at xcart 5 from admin area(Catalog -> front page).

I put 3 pciture in a 1 row, 3 column table and I have made table border=0. preview is fine but when i refresh site, still can see border. here is image.

preview from admin area

http://www.loveshop.ca/preview.jpg

but on the main page still show table border:

http://www.loveshop.ca/site.jpg

really appreciate if any one can help

[qualiteam]

Hi!

Your design theme has styles which add these borders.

What you can do:
1. Use the "Inspect this element" browser function on the image. This will show you what CSS rules add the border.
2. Now enable ThemeTweaker module and override the rules with new "border: 0" style.

If you let me know the site URL, I can give you more detailed instructions.

[tony1100]

HI Alex,

Thanks for your reply, this site is on my local machine. I probably can't provide web address. but I did what you said:

1. use Inspect this element, this is what page show:

<div class="category-description">
<table style="width: 100%; padding: 0px; margin: 0px; border: 0px;" border="0">
<tbody>
<tr>
<td><img style="width: 100%;" src="/var/theme/images/banner-1.png" alt=""></td>
<td><img style="width: 100%;" src="/var/theme/images/banner-2.png" alt=""></td>
<td><img style="width: 100%;" src="/var/theme/images/banner-3.png" alt=""></td>
</tr>
</tbody>
</table></div>

2. make new css in customer css:

#category-description{
border:0px
}

is this what you mean?

[qualiteam]

Try these:

.category-description td,
.category-description td img {
  border: 0;
}

I guess this should help.

[tony1100]

it works
Thank you so much, really appreciate.