Article images caption

Hello,

We have upgraded our website from j2.5 to j3.2 .. everything went fine but we had one issue; the caption not showing under images in the articles.

Example:

http://www.kuwaitnews.com/world/intl/58 ... 5-17-45-18

Regards,

Bashar

Hi

I think captions are resolved differently in J3.2, please send me an access to joomla panel, I'll see if there is no some additional configuration needed.

Hi Teibite

I have PM you the login/pass

Regards;

Bashar

Hi

I do not see an option for such plugin or in the article settings, please try add this code to have a quick made caption plugin Add it to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
    $('.img-fulltext-none img.caption').each(function(){
        $(this).append('<h5>'+$(this).attr('title')+'</h5>');
    });
});})(jQuery)</script>


It's not tested, so if will not be working please send me an access to FTP.

didn't work

Will send you the FTP details PM.

Regards;

Bashar

Hi

I've replaced my code with a different one for test and looks like all jQuery scripts are not working becuase of an error in bootstrap file. I think it's just a problem of a wrong jQuery version used. Please install easyJquery plugin and select jQuery 1.8 version, than set it to be first in the list of plugins. This should fix the problem and I'll be able to test my script.

Hello;

jQuery installed as you requested.

Regards;

Bashar

Hi

Great

A small modification to my code and it works fine now.

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
    $('.img-fulltext-none img.caption').each(function(){
        $(this).parent().parent().find('div').append('<h5>'+$(this).attr('title')+'</h5>');
    });
});})(jQuery)</script>


hello

yes, the caption is working fine now .. thank you

but its not under the image only .. its every where in the page!

check the attached image. We have cleared the cache and its still the same.

Regards;

Bashar

Hi

Tell me exact URL to a page where this screen was made. Looks like the layer can be shown more than once.

hello

here is an example:

http://www.kuwaitnews.com/kuwait/locals ... 7-13-08-13


Regards;

Bashar

bump

Hi

I've changed the script to this:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
    $('.img-fulltext-none img.caption').each(function(){
        $(this).parent().parent().find('.img-fulltext-none').append('<h5>'+$(this).attr('title')+'</h5>');
    });
});})(jQuery)</script>


Looks to be ok right now. Sorry for the mistake.

Great!! thank you very much

PS: from where we can change the CSS for the caption to look like the default demo?

Regards;

Bashar

Hi

Just add new style to override.css file (override needs to be enabled in template settings) with a selector like:

Code: Select all

.img-fulltext-none h5 {}