Author Topic: Remove border-spacing in browse page table  (Read 3806 times)

Hans Kristian

  • Beginner
  • *
  • Posts: 7
Remove border-spacing in browse page table
« on: May 16, 2008, 22:41:04 pm »
Hi,

I am pretty new in Virtuemart. I am on VM 1.1 and Joomla 1.0.15.

But I have a problem with the browsepage for a category. How do I remove the border-spacing in the table for browsepage ?

Look on the picture how the row gets seperated into columns with a white border between them. I guess this is related to my joomla template. Cant find where to edit to remove the border.. :O


jenkinhill

  • Global Moderator
  • Super Hero
  • *
  • Posts: 21606
  • Web developer & consultant
    • Jenkin Hill Internet
Re: Remove border-spacing in browse page table
« Reply #1 on: May 17, 2008, 19:46:46 pm »
The files you need to edit are the template, browse_listtable.tpl.php which is in /components/com_virtuemart/themes/default/templates/browse/includes/ and the associated style sheet, theme.css in /components/com_virtuemart/themes/default/
Kelvyn
Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

IMPORTANT:  VirtueMart versions before 2.6.10 are insecure. Updating is strongly advised.


Currently using VM3.0.2 on Joomla 2.5.27 PHP 5.4.21

Currently testing VM3.0.3 on J3.3.6

Hans Kristian

  • Beginner
  • *
  • Posts: 7
Re: Remove border-spacing in browse page table
« Reply #2 on: May 18, 2008, 00:24:45 am »
Ok, thanks.. but i really dont know what to edit in the files.. I just know that i need to add something like "border-spacing: 0px" or something like that.

What do I put in to theme.css under these lines to remove the border-spacing:

/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
   width:100%;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
}

.browseProductTitle {
   font-size: 16px;
   font-weight: bold;
   padding: 3px;
   margin-top: 3px;
   width: 30%;
   float: left;
}
.browseProductImageContainer {
   float: left;
   width: auto;
   margin: 3px;
}
.browseProductDetailsContainer {
   float: left;
   width: 70%;
}
.browseProductDescription {
   margin-top: 40px;
   width:50%;
}
.browsePriceContainer {
   float: left;
   margin: 5px;
   width:20%;
}
.browseAddToCartContainer {
   width:30%;
   text-align:center
}
.browseRatingContainer {
   float: left;
   width:25%;
   margin: 3px;
   white-space: nowrap;
}

Tachikoma

  • Jr. Member
  • **
  • Posts: 66
Re: Remove border-spacing in browse page table
« Reply #3 on: May 20, 2008, 22:23:50 pm »
I don't think it's a border, its the cell's padding.
Set padding to 0 and see what happens. The table is against a white background, so when padding is on, it will look like a border.
Joomla 1.5.4 on Siteground
Virtuemart 1.1.1

Tachikoma

  • Jr. Member
  • **
  • Posts: 66
Re: Remove border-spacing in browse page table
« Reply #4 on: May 20, 2008, 22:25:28 pm »
Also, I am a newbie as well, so I was wondering, how do you have your browse page rows alternating in color?

Can you share what your browse page code looks like? Please?

Thanks!
Joomla 1.5.4 on Siteground
Virtuemart 1.1.1

nightfrost

  • Beginner
  • *
  • Posts: 1
Re: Remove border-spacing in browse page table
« Reply #5 on: May 21, 2008, 17:58:03 pm »
hi boys,
I have a problem can not solve!

how do I set the display of categories such as the image of the first post?
   
I set the configuration to tables and how to browse the table but there is no difference when I upgrade this page!

Please help ... thanks

VirtueMart Forum

Re: Remove border-spacing in browse page table
« Reply #5 on: May 21, 2008, 17:58:03 pm »