Kryptronic Software Support Forum

You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.

#1 06-05-2017 14:28:49

jonaha
Member
Registered: 11-01-2006
Posts: 192

Image Size

Where can you adjust the image sizes for category, product detail. I used to be adjustable in Admin.

Offline

 

#2 06-06-2017 07:58:24

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Image Size

There are no adjustments.  All images are scaled in the HTML output according to the container they are displayed within, or a percentage of the width of that container.  So, if you want to change image widths (don't do heights - this is a responsive platform), do so in CSS by writing a rule targeting the appropriate container and it's image. 

For example, to make the product image shown in product listings 50% wide and center it, add the following to the bottom of your skin's all.css file:

.kprodlistitemimage img {width: 50% !important; margin: 0 auto 0 auto !important;}


Nick Hendler

Offline

 

#3 06-06-2017 14:17:28

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Image Size

Thank you. That is good for the product category but not the product detail image. Do you have a code for that as well?

Offline

 

#4 06-07-2017 08:27:09

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Image Size

Your browser developer tools are available to you to get this type of info quickly as you need it:

.kprodshowleft .kimgswap img {}


Nick Hendler

Offline

 

#5 06-07-2017 09:41:17

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Image Size

Thank you Nick. Where can I find these developer tools?

Offline

 

#6 06-09-2017 08:47:25

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Image Size

This is for Chrome, most other browsers have something similar:

https://developer.chrome.com/devtools


Nick Hendler

Offline

 

Board footer