- Posts: 3
COMMUNITY FORUM
Limit image height in category
- Francesco
- Topic Author
- Offline
- New Member
Less
More
6 years 9 months ago #166758
by Francesco
Limit image height in category was created by Francesco
Hi all,
i'm trying to use K2 for its nice features.
Since i'm not confident with css, php etc, I'm having some problems trying to make a simple change in category (item list) template.
Since inside items there are images with different heights, i would like to set the template so that images have a maximum weight and height, and the exceeding parts are hidden. Can you help me finding the right files to edit and the way to do that?
Thank you in advance
i'm trying to use K2 for its nice features.
Since i'm not confident with css, php etc, I'm having some problems trying to make a simple change in category (item list) template.
Since inside items there are images with different heights, i would like to set the template so that images have a maximum weight and height, and the exceeding parts are hidden. Can you help me finding the right files to edit and the way to do that?
Thank you in advance
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
6 years 9 months ago #166773
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Limit image height in category
Hello,
The image height can be regulated with a minor CSS override (max-height)
The image height can be regulated with a minor CSS override (max-height)
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Francesco
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
6 years 9 months ago #166785
by Francesco
Replied by Francesco on topic Limit image height in category
tank you for help!
The only file to be edited is:
templates/my_template/css/k2.css
in one of these lines?
div.catItemImageBlock {padding:8px 0;margin:0 0 16px 0;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {max-width:100%;height:250px; overflow:hidden;}
thank you again Krikor
The only file to be edited is:
templates/my_template/css/k2.css
in one of these lines?
div.catItemImageBlock {padding:8px 0;margin:0 0 16px 0;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {max-width:100%;height:250px; overflow:hidden;}
thank you again Krikor
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
6 years 9 months ago #166793
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Limit image height in category
You 're welcome Francesco :)
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Francesco
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
6 years 9 months ago #166825
by Francesco
Replied by Francesco on topic Limit image height in category
Sorry but i do not understand your answer...
I've only to modify the above said file(templates/my_template/css/k2.css) ?
In which line exactly?
Thank you
I've only to modify the above said file(templates/my_template/css/k2.css) ?
In which line exactly?
Thank you
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
6 years 9 months ago #166859
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Limit image height in category
Add an overflow: hidden; and a max-height: value to this class.
div.catItemImageBlock
Alternatively alter the height value in
span.catItemImage img {max-width:100%;height:250px; overflow:hidden;}
div.catItemImageBlock
Alternatively alter the height value in
span.catItemImage img {max-width:100%;height:250px; overflow:hidden;}
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.