Categories

http://ringnews24.com/press-releases

How would I make the articles title smaller?

How would I put the articles text beside the articles image? Currently the articles text is under the image.

Thanks

Hi,
General tip: http://www.gavick.com/documentation/joo ... -size-etc/

Solution in case #1:

Code: Select all

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

Solution #2 for image and text, try this:

Code: Select all

.itemContainerLast:first-child .itemImageBlock, .clr + .itemContainerLast .itemImageBlock {
    float: left;
    padding: 6px 15px 0 0;
    width: 200px;
}

You will get this

Pawel F thats exactly what I wanted.

Looks a lot smarter and now its easyier without the big images, text and the gap it took up.

Easyier to find the latest news now.

Thanks for your help.

Is there a way to set the maxium height of an image in the categories?

Sure, you have to use max-height with value.
For example

Code: Select all

max-height:250px;

and add it for selected Class.

Sorry Pawel, Were do I add it ? say I wanted to add it here http://ringnews24.com/press-releases

I suppose also for override.css line ~~128 - to my code which I added you before

Here:

Code: Select all

.itemContainerLast:first-child .itemImageBlock, .clr + .itemContainerLast .itemImageBlock {
    float: left;
    padding: 6px 15px 0 0;
    width: 200px;
    max-height:250px;
}

Thanks Pawel

Some catergories aren't showing the changes, how would I sort them?

Calender - http://ringnews24.com/component/k2/item ... /2014/1/16
Tags - http://ringnews24.com/world-boxing-news ... %20Ratings
Writers Columns - http://ringnews24.com/world-boxing-news ... 574-robday

Hi Rob again.
Are you want small images also on this views ? If yes, change "old" code from

Code: Select all

.itemContainerLast:first-child .itemImageBlock, .clr + .itemContainerLast .itemImageBlock {
    float: left;
    max-height: 175px;
    padding: 6px 15px 0 0;
    width: 200px;
}

To

Code: Select all

.itemContainerLast:first-child .itemImageBlock,
itemList .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
    float: left;
    max-height: 175px;
    padding: 6px 15px 0 0;
    width: 200px;
}

Hi Pawel,

I added the new code but nothing has changed...

upss sorry, I forgot about "." before itemList --

MUST BE

Code: Select all

.itemContainerLast:first-child .itemImageBlock,
.itemList .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
    float: left;
    max-height: 175px;
    padding: 6px 15px 0 0;
    width: 200px;
}

Pawel thats the same code as the previous above post.

not really, because there is . (dot) - before second line, did you add it ?
Please update your override.css - if you need my help,

Thanks Pawel