[kuske.nz]

Is it possible to show hairline frames around product images? If so, how and what CSS code has to be modified (or added)?

[Qetzal]

Originally Posted by kuske.nz

Is it possible to show hairline frames around product images? If so, how and what CSS code has to be modified (or added)?

It's possible. Try this CSS:

div.ecwid-productBrowser-productsList-thumbnail img {
border: 1px black solid;
}

[Woitas Acres]

This is something I'm trying to implement on my site and have not been able to get this code to work. www.woitasacres.com/shop

PLEASE HELP

[Maya]

Originally Posted by Woitas Acres

This is something I'm trying to implement on my site and have not been able to get this code to work. www.woitasacres.com/shop

PLEASE HELP

In order to add border for product image on products list you should add following code to your CSS theme:

/* for images on Grid View*/
div.ecwid-productBrowser-productsGrid-productTopFragment img  {
  border: 1px solid #000000 !important;
}

#000000 color code you can change as needed according to the HTML color codes chart.

[Woitas Acres]

Again, I have added the code and it's not working.
http://woitasacres.com/shop

[Eugene Rimmer]

Originally Posted by Woitas Acres

Again, I have added the code and it's not working.
http://woitasacres.com/shop

Here is the page where I can see the outline around the product image: http://woitasacres.com/shop.php#ecwi...=0&sort=normal

All the product images should have one.

However, there are lots of categories in your store (each with its own image) and no so many products. Most of the time I saw categories, not products in your store. Maybe you meant you need the frame around the category image?

[Woitas Acres]

OK. I see what your saying. This code is produst specific and not caregory based. I would like one that would do both. (Still setting up products)

I'm also desiring a completely different look with the outline than what is shown. Here is an example of what I desire.



Also starting to think the correct language is borders on the frame rather than image specific.

[patrick dinneen]

HI,
Is it possible to modify this code and add a double border (border: 5px solid #ffffff border: 3px solid #000000) so that it'll look like a picture frame?
/* for images on Grid View*/
div.ecwid-productBrowser-productsGrid-productTopFragment img {
border: 1px solid #000000 !important;
}

[Liza P]

Originally Posted by patrick dinneen

HI,
Is it possible to modify this code and add a double border (border: 5px solid #ffffff border: 3px solid #000000) so that it'll look like a picture frame?
/* for images on Grid View*/
div.ecwid-productBrowser-productsGrid-productTopFragment img {
border: 1px solid #000000 !important;
}

Hello,

I answered your question here.