Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

I would like K2 Category and subcategory images to not auto-fill their container

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

This is actually a ZenKit question.

Currently when using the 'default' K2 template while displaying a K2 category, the K2 Category image is taking it's sizing parameter from the default K2 template. The subcategories are also taking some parameter from the K2 default template although the dimensions are not defined in the K2 Parameters.

When I change to use any of the ZenKit layouts then the Category and Subcategory images start to auto fill the container. Do you think this is a setting I can tweak? My guess is that I will need to add something to the custom.css file although I also believe that the ZenKit should probably still be taking those parameters from the K2 Image parameter fields.

In a perfect world I would get control of the size of the display of the K2 Category image to match the K2 parameters. And, I would get control of the subcategory images, probably through a little css code.

But, I could be off-base so you can let me know.
Thanks, Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Can you add a link to an example?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ooppss... sorry....
I am using the ZenKit 2.1.3 now.

this is an example using a ZenKit template:
gmf.cloudaccess.net/surfaces/floors

this is an example using the Default template:
gmf.cloudaccess.net/surfaces/walls
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
As a test if you add

#zenkit img {width: inherit !important;}

does this work so it looks as expect it to?
This will create issues elsewhere so I'm not suggesting keeping this style
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That made a huge leap in the right direction. I will leave it in place for you to see before I remove it.

Here is the floors page using a ZenKit Template that is now displaying the category and subcategory images as all the same size:
gmf.cloudaccess.net/surfaces/floors

Here is the Walls page using the Default template which is not a ZenKit template:

gmf.cloudaccess.net/surfaces/walls

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Right ok so if you target this category type page

#zenkit.itemListView.common img {
width: inherit !important;
}

this may be a keeper but it may need tweaking if it affects other templates
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers