The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 02-01-2010, 05:36 AM
kuske.nz's Avatar
kuske.nz is offline
Junior Member
 
Join Date: Jan 2010
Posts: 2
Default

Hairline frame around product images?


Is it possible to show hairline frames around product images? If so, how and what CSS code has to be modified (or added)?
  #2  
Old 02-01-2010, 12:29 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by kuske.nz View Post
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:

HTML Code:
div.ecwid-productBrowser-productsList-thumbnail img {
border: 1px black solid;
}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #3  
Old 02-18-2012, 11:22 PM
Woitas Acres's Avatar
Woitas Acres Woitas Acres is offline
 
Join Date: Feb 2012
Posts: 9
Default

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
  #4  
Old 02-20-2012, 10:28 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by Woitas Acres View Post
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:

Code:
/* 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.
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #5  
Old 02-20-2012, 01:23 PM
Woitas Acres's Avatar
Woitas Acres Woitas Acres is offline
 
Join Date: Feb 2012
Posts: 9
Default

Again, I have added the code and it's not working.
http://woitasacres.com/shop
  #6  
Old 02-20-2012, 01:56 PM
Eugene Rimmer's Avatar
Eugene Rimmer Eugene Rimmer is offline
Senior Member
 
Join Date: Jan 2011
Location: Ecwid headquarters
Posts: 7,765
Default

Quote:
Originally Posted by Woitas Acres View Post
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?
  #7  
Old 02-20-2012, 02:21 PM
Woitas Acres's Avatar
Woitas Acres Woitas Acres is offline
 
Join Date: Feb 2012
Posts: 9
Default

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.

Last edited by maya; 02-21-2012 at 07:44 AM.
  #8  
Old 04-12-2013, 03:48 PM
patrick dinneen's Avatar
patrick dinneen patrick dinneen is offline
Junior Member
 
Join Date: Sep 2012
Posts: 27
Default

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;
}
  #9  
Old 04-15-2013, 03:05 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by patrick dinneen View Post
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.
__________________
Liza P.
Customer Care
Ecwid Help Portal
The Following User Says Thank You to Liza P For This Useful Post:
patrick dinneen (04-16-2013)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
frame, hairline, images

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:59 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.