K2 columns broken

Hi,

I've just noticed that if you set up a new K2 Category and choose say 2 columns for leading the responsive nature of the template makes the 2 column images overlap and look wrong..Even if I reduce to the image size down to half the size they still get resized back and look wrong..See attached..

Personally (and mentioned elsewhere on the forums) the header font sizes seem big and also don't scale down to smaller views..

gavick-k2.JPG

Dave

Could you provide an url to the website with this problem? I want to check if setting max-width: 100%; and height: auto; for these images will solve it.

Could you provide an url to the website with this problem? I want to check if setting max-width: 100%; and height: auto; for these images will solve it.

Hi...Here is my Dev site

http://www1.aerosolplanet.com/site5/

If you use any of the links in the sidebar it will take you to K2 cats...

David

In the k2.css file for this selector:

Code: Select all

.itemImageBlock

please add following property:

Code: Select all

padding: 5px

In the k2.css file for this selector:

Code: Select all

.itemImageBlock

please add following property:

Code: Select all

padding: 5px

Thanks, that worked with


padding: 5px!important;


Dave

In the k2.css file for this selector:

Code: Select all

.itemImageBlock

please add following property:

Code: Select all

padding: 5px

Hi,

Actually, looking at this it also adds padding to the main article image in item view which breaks the look...Is there any other way of doing this ?

Dave

Please change the selector to:

Code: Select all

#k2Container.itemListView .itemImageBlock


Please change the selector to:

Code: Select all

#k2Container.itemListView .itemImageBlock


Hi,

I've added the below to K2.css but does not change anything...

Code: Select all

/* ---Additional K2 CSS--- */

#k2Container.itemListView .itemImageBlock
       padding:5px!important;


It seems that you've forgot about the brackets:

Code: Select all

/* ---Additional K2 CSS--- */

#k2Container.itemListView .itemImageBlock {
       padding:5px!important;
}


It seems that you've forgot about the brackets:

Code: Select all

/* ---Additional K2 CSS--- */

#k2Container.itemListView .itemImageBlock {
       padding:5px!important;
}


Ooops...A school boy error..Many thanks, its working now...

Dave