Hello,

I would like to modify the template category item.
I would like to have the pictures to the side of the article and not over.
That's why I would like to change the template.

I would like to know if you have a drawing of it, to find out where what is going where and change it.

Thank you very much
Best regards
Jean-Christophe

hi there.. here is how i have managed to do this

div class="itemBody" wraps around div class="itemImageBlock" and div class="itemFullText". this is my css for it.

div.itemImageBlock {
padding:8px;
float: left;
width: 40%;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
}

div.itemFullText {
float: left;
width: 50%;
}

as you can see, i've leaved 10% of the width for additional margins and padding that are already included in the css.

here is the print screen

I will try this.

Thank you very much

Happy hollydays
Best regards
Jean-Christophe

Thankyou so much, this was really helpful to me. I've searching for weeks trying to find this solution...

Mihael Fugaj said:hi there.. here is how i have managed to do this
div class="itemBody" wraps around div class="itemImageBlock" and div class="itemFullText". this is my css for it.

div.itemImageBlock {
padding:8px;
float: left;
width: 40%;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
}

div.itemFullText {
float: left;
width: 50%;
}

as you can see, i've leaved 10% of the width for additional margins and padding that are already included in the css.

here is the print screen

I would like to change this as well. I tried the coding but didn't see any changes...I think i could be placing it in the wrong place. I was using the general template in K2. Is this the right place?
Thanks,
Kim

Mihael Fugaj said:hi there.. here is how i have managed to do this
div class="itemBody" wraps around div class="itemImageBlock" and div class="itemFullText". this is my css for it.

div.itemImageBlock {
padding:8px;
float: left;
width: 40%;
margin-top: 0;
margin-right: 0;
margin-bottom: 16px;
margin-left: 0;
}

div.itemFullText {
float: left;
width: 50%;
}

as you can see, i've leaved 10% of the width for additional margins and padding that are already included in the css.

here is the print screen

HomeSteadMommy,

I just looked at your site. I can't see where you want to do this? Are you trying to do it for your video within the article-view?

If you don't already use firebug, you might want to try it. It is a FireFox add-on and it will inspect elements of your web site and tell you exactly where to make the changes.

That said, some of the templates have their own css which over-ride the default. You may want to try looking in templates\template name\html\com_k2\templates (change "template name" to your template name.)

Don't forget to include a link so that we may help you better! (disclaimer: I am not an expert, but find these forums very helpful).


HomesteadMommy said:I would like to change this as well. I tried the coding but didn't see any changes...I think i could be placing it in the wrong place. I was using the general template in K2. Is this the right place? Thanks, Kim

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.

piperchick said:HomeSteadMommy,
I just looked at your site. I can't see where you want to do this? Are you trying to do it for your video within the article-view?

Those fields are extra fields?

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.

Thanks!! I'll give it a try. :-)

piperchick said:I have just played with this in Firebug and got it to work. I have attached a screen shot.