X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Border around products. (https://forum.x-cart.com/showthread.php?t=46143)

mrerotic 03-09-2009 03:52 PM

Border around products.
 
How can I give a border color around each product (only on the outside) on multi product view. So basically I have 3 products per row being shown under each category. I want all three to wrapped in individual borders. How can this be done?

Thanks In advance.

WhiteDoveGifts 03-10-2009 01:41 AM

Re: Border around products.
 
I'd like to do that too...

ChristineP 03-10-2009 10:19 AM

Re: Border around products.
 
v4.2 Look in your main.css to find "Products list" styles

v4.1.10 Look in your skin1.css
You will find these styles
TD.PListImgBox
DIV.PListImgBox

mrerotic 03-10-2009 04:16 PM

Re: Border around products.
 
well i found products-list and I have tried all variables there by adding 'border: 1px #000 solid;' with no luck. Any other suggestions. I do appreciate it.

RichieRich 03-19-2009 12:21 PM

Re: Border around products.
 
in my opinion, even better would be to have a border in between to seperate, not on the outside

alec.thomas 04-06-2009 06:53 AM

Re: Border around products.
 
you would need to change this in main.css

Code:


.products-list .image {
float: left;
position: relative;
padding: 3px 20px 3px 10px;
margin-right: auto;
}


with this

Code:


.products-list .image {
  float: left;
  position: relative;
  padding: 3px 20px 3px 10px;
  margin-right: auto;
  border: thin solid #000000;
}


RichieRich 04-06-2009 07:40 AM

Re: Border around products.
 
Hi Alec, I meant the thumbnails in columns

alec.thomas 04-06-2009 08:46 AM

Re: Border around products.
 
Okay, I misunderstood where you want to do this. To add a border around category thumbnails, Add this line of code to your main.css

Code:


/*
Adds border around category images
*/
div.subcategories img {border: thin solid #000000;}


and to add a border around featured products, and sub-category thumbnails add this code to main.css
Code:

.products-list img{border: thin solid #000000;}
add a different stlye by putting your css in the curly brackets.

RichieRich 04-06-2009 09:36 AM

Re: Border around products.
 
really appreciate your help and knowledge, what I am after is for the featured products in columns to have a border in between the images, but not on the outside if this makes sense?

For exampe: O | O | O ... where the O is product and the | is seperater

alec.thomas 04-06-2009 09:50 AM

Re: Border around products.
 
Please give me a link to your site so I can see how its laid out. It's too hard to figure out what your trying to do without looking at your site.


All times are GMT -8. The time now is 10:57 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.