AbanteCart Community

Shopping Cart Operations => Support => Topic started by: mike3314 on October 01, 2017, 01:41:07 PM

Title: Frame around image
Post by: mike3314 on October 01, 2017, 01:41:07 PM

Hi,
Is there any way I could put a frame/thin outline border around the main image and additional images on the product page?
Any help much appreciated.

Title: Re: Frame around image
Post by: Basara on October 02, 2017, 07:10:20 AM

Hello.

You can do this with css border property
https://www.w3schools.com/cssref/pr_border.asp

Title: Re: Frame around image
Post by: mike3314 on October 02, 2017, 12:37:00 PM

Hi Basara,
Thanks for pointing me in the right direction and great guide to css, I've managed to find the css sheet for the home page and have framed the images but I'm struggling finding where to/which style sheet to edit for the larger image under the product listing.

Title: Re: Frame around image
Post by: abantecart on October 02, 2017, 02:40:59 PM

Image size is controlled in settings for images under the theme/template settings. Width and Height are set programmatically and not in css

Title: Re: Frame around image
Post by: mike3314 on October 02, 2017, 03:17:02 PM

Thanks for your reply but what I'm trying to do is to add a small border around the image on the actual product page, I can't seem to find where to do this.

Title: Re: Frame around image
Post by: abantecart on October 02, 2017, 07:16:14 PM

You need to add style to .easyzoom class in styles.css.

See screenshot.

Title: Re: Frame around image
Post by: mike3314 on October 03, 2017, 01:15:42 PM

Thanks for your help  :)