set image size in Category blog

Hi new to GK News:
I have problems setting the image size in Category blog layout.

I want:
1 Lead Article
4 Intro Articles, images set to show - in 2 columns
10 Links (no image)

BUT... the "Intro Article" images are not reducing in size - where do I set this?

NOTE: Using K2 is not an option... we're importing from J2.5 and spent weeks trying to get K2 to import correctly !!

Hi , they could be two reasons:
1) our k2.css overrides your image size settings
2) your category still uses settings from another category which have bigger images

ad 1)

Try to find and delete "max-width: 100%;" from this file: templates/gk_news/css/k2.css

inside this class:

Code: Select all

    .itemImageBlock img  {...}

CHECK now ! Refresh page.

and if still won't help, delete "width: 100%" from:

Code: Select all

.itemImageBlock > a {
   display: block;
   width: 100%
}

Going back to basics - where do I find: image size settings?

Also... where's the documentation? All I find is a link to a similar WordPress template

K2 documentation - hmm, that is a very good question, you have ask developer of this extension, why they still didn't make it.

We made documentation for ours modules, you can find it on our WIKI.

p.s.
Add URL - where you have problem - it should help me identity a solution for you.

Sorry, url here (dev site): http://www.packwebasia.net/index.php?op ... Itemid=689

First, I suggest to reduce size of font from article titles, because you use long names

For example:

Code: Select all

article header h1, .category header, article header h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 28px;
}


Tip Guide: http://www.gavick.com/documentation/joo ... -template/

Second, I saw that you have used standard articles instead K2 items. So you can use Joomla 3.x article features to show different images ... or simple trick

.column-1 section img, .column-2 section img
{ max-width: 320px; }

This may help also, but first, clean you article code from borders for images, for example in this article "Tetra Pak launches new cap made from sugar cane" use HTML mode.

Excelent help, thanks with you're help we've made good progress.

Second, I saw that you have used standard articles instead K2 items. So you can use Joomla 3.x article features to show different images ... or simple trick

.column-1 section img, .column-2 section img
{ max-width: 320px; }

This may help also, but first, clean you article code from borders for images, for example in this article "Tetra Pak launches new cap made from sugar cane" use HTML mode.