Image style does not work on k2

Hello guys I'm using the latest k2 and memovie versions but the image style on core joomla article does not apply to k2 images. ANy help please?

Any help pleaseeeee

Can you be more specific?
Please show us.

Did you update Memovie with the latest version?
Please check this page.

Yes I'm using version 1.3. When I add an image thru k2 instead of using the image button in the test editor The nice styling you have built in in the template does not apply to the images

HELPPPP PLEASEEE

Why No one pays Attention to that?

Hi

Please show me an example of the site with not styled image in K2 and if possible the styled one.

Here is the example you ask for:

http://www.haitiliveradio.com/radio/New ... sits-Haiti




One image is added using built in image insert in joomla editor.
The other using the "image ad" button within K2.

The style is not there.



Please let me know when you are done so I can take it out because it looks horrible

Hi

It can be hard without seeing the changes but lets try.

Code: Select all

.itemImageBlock img {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
}

.itemImageBlock .itemImageCaption {
background:url("../images/article-tools.png") repeat-x scroll 0 100% #FFFFFF;
margin:0;
padding:5px;
color:#888888;
font-size:90%;
font-weight:bold;
margin-bottom:10px;
text-shadow:1px 1px 1px #FFFFFF;
text-transform:uppercase;
}


If this won't look the same please send me Joomla Panel access.

Where do I add this code?

Hi

The best place is the end of template.css file

The changes did not work all that well it showed the caption background, but it's not well placed and the border around the image is not present


see it here
http://www.haitiliveradio.com/radio/New ... sits-Haiti

No Replies?

Hi

I do not see the code on Your site. Please try to add this at the end of http://www.haitiliveradio.com/radio/tem ... css/k2.css

I did the image is missing border and the caption is not attached at the bottom of it.

Hi

Try to add also:

Code: Select all

span.latestItemImage, span.genericItemImage, span.userItemImage, span.catItemImage, span.itemImage {
border:1px solid #CCCCCC !important;
margin:0 !important;
padding:2px !important;
}

span.itemImageCredits {
display:none !important;
}


It's almost there except it still have has a space between the the image and the caption.

apanou wrote:

It's almost there except it still have has a space between the the image and the caption.

Add this code also:

Code: Select all

#k2Container span.itemImage .modal img{margin-bottom:-6px;}


Cheers

Works great thanks guys