K2 Item title / image text alignment

Hi all

I wonder if anyone can help me with this issue. I need to amend the K2 item template to achieve 2 things.

1. Align the title further over to the left so that it lines up with the text block below it.
2. Align the item image to the right and have the text start under the item title.

So far I've applied the usual fix to the K2 related files to make the text and image line up...but there is something in the Coffe template which is causing a problem. In the attached image you'll be able to see where the body text is being messed about by the item title and the print / email buttons.

If someone can help me solve this problem that would be great.

Regards.

Curtis

coffe-template-title-and-image.jpg

Hi,

Can you give me the link to your site for better check and help?

Thanks,

I have the same problem.
Can I know if someone has resolved the problem?
Thank you!

Can you give me a link to see the issue guys? I couldn't find the same issue with my installation so I don't know how to fix once I haven't seen it.

Hi there

I've not been receiving notifications that the post had been replied to so I apologise for not getting back to you sooner.

You can see the site in progress at

http://dev.cm-design.com.au/hellsbreath ... 250ml.html

This is the only product I have set up with the correct sized image.

Let me know if you can find anything, I've clicked on notify me when a reply is posted so I shouldn't miss anything.

Regards,

Curtis

Hi Curtis,

Try adding this code to file template.css

Code: Select all

.itemToolbar{
margin: 0 !important;
}


Thanks Don..

Almost there..

http://dev.cm-design.com.au/hellsbreath ... sauce.html

You'll be able to see on the link that while I've got the image and the text in the right places there still seems to be some interference from the title and the toolbar.

I need the main text area to start beneath the title and print / email buttons.

Any ideas?

thanks

Code: Select all

#k2Container .itemIntroText { margin-top: 35px; }


Or

Code: Select all

#k2Container .itemToolbar { width: 100% ;}
#k2Container .itemToolbar ul { float: right; margin-top: -28px; }
#k2Container .itemIntroText { margin-top: 15px; }


Check if layout is ok by clicking on print / email

See you around...

Thanks Norman..

that's done the trick.

Curtis

No problem at all, see you around...