OK,
so we've managed to put the ImageBlock on the left side and the FullText on the right, play a little bit with CSS and we got the results the we wanted.
Now my occupation is to put the ImageBlock on the left and the ExtraField on the right side. FullText will be placed below in that case.

Something like this:

div.itemImageBlock / div.itemExtraFields

div.itemFullText

Does anyone have an idea?

you have to replace the div for extra field on the other point in the item.php and edit the css.

Search in www for div placement css and clear div

item.php!!

thank you very much
just what i needed


Troponin said:you have to replace the div for extra field on the other point in the item.php and edit the css.
Search in www for div placement css and clear div

Thank you very much, worked great!

piperchick said:I have just played with this in Firebug and got it to work. I have attached a screen shot.
All I did was a a float: left; to the div.catItemImageBlock in k2.css

div.catItemImageBlock {
float:left;
margin:0 0 16px;
padding:8px;
}

components/com_k2/css/k2.css

You may need to finesse a bit as Mihael has indicated.

I hope this helps.

HomesteadMommy said:Thanks for having a look. I do have firebug and will keep working on my site today. Hard getting a block of time long enough with little ones lol. What I would like is when you open the articles (I'm using catalog mode) I would like the photos to be to the side and not top. You can see how they come up on my site here. I would like them to look like this site. Before I changed to K2 I had the Imagesized plugin and it did a great job for this! Exactly what I wanted, but it doesn't seem to work with K2.

Hi,

I would like to use the TITLE side by side with image.
Is this possible?

Regards,

Ricardo Dias

Yes you can!
Just read all the previous answers and you will find what you are looking for.

Best regards
Jean-Christophe

Hello. I am reading this and I am confused. In what css code or php code to I have to change to make the Catagory Items appear with the Images on the Left and the Header & Intro Text on the Right?

thank you for your time and patience.

In components/com_k2/css/k2.css add "float:left;" to the div.catItemImageBlock. Your code should look like this:

div.catItemImageBlock {
float:left;
margin:0 0 16px;
padding:8px;
}

Really, it is just adding the "float:left;"

You will need to do this in div.itemImageBlock to change the layout in the item-level.

Give this a try (but save the original first) and let us know how you make out.


Erin Barker said:Hello. I am reading this and I am confused. In what css code or php code to I have to change to make the Catagory Items appear with the Images on the Left and the Header & Intro Text on the Right? thank you for your time and patience.

Well I tryed it.. and It only changed the way the item looks when the item is viewed.. I need the Catigory list items to change.

I have included some screen shots of what it looks like now and how I would like it to look when its done.

I guess I would like it to go from vertical lay out to horizontal layout.

thank you for your time and help on this.
its very appreciated.

Add float:left; to k2.css div.catItemImageBlock


Erin Barker said:Well I tryed it.. and It only changed the way the item looks when the item is viewed.. I need the Catigory list items to change.
I have included some screen shots of what it looks like now and how I would like it to look when its done.

I guess I would like it to go from vertical lay out to horizontal layout.

thank you for your time and help on this.
its very appreciated.