Hi,

I have a gallery with 3 thumbnails.

Each thumbnail is cropped.

I have, "Fit thumbnails to available viewport?" set to YES.

I have cleaned out the thumbnails from Joomla's cache.

I have cleaned Joomla's Cache using Joomla's Cache Manager.

Yet, still the thumbnails are cropped.

Here is a link to the gallery:

algofutures.com/index.php?option=com_content&view=article&id=16&Itemid=20

Can you shed some light on this?

Thanks,
C

I just checked and they don't seem cropped to me. Did you fix the problem?

Hi Yiota,

From my browser (Chrome), the thumbnail's do not appear to have a thin black strip in the upper left hand corner, which can be seen when the complete image is surfaced.

Can you see the black strip on the upper left hand side from your browser?

Thanks for looking into this.

Carl

Open file plugins/content/jw_sigpro/templates/Artistic/template.css, locate li.sig-block class and add list-style:none; to see if this solves your problem.

Hi Yiota,

Thanks for your reply. 

I updated the file, cleared the thumbnails from Joomla's cache and cleared my browser's cache, but the issue seems to persist.

Below is the snippet of code that I amended in the template.css file.  Perhaps my syntax is inaccurate.  Can you take a look and confirm its validity?


/* Thumbnail */
li.sig-block { float:left; background:none!important; margin:2px; padding:0; border:none!important; }
li.sig-block span.sig-link-wrapper { }
li.sig-block span.sig-link-innerwrapper { }
li.sig-block a.sig-link,
li.sig-block a.sig-link:hover { position:relative; display:block; padding:0 8px 8px 8px; margin:0; }
li.sig-block a.sig-link { color:#333; background:#fff url(bg.png) repeat-x top; border-top:1px solid #fff;border-bottom:1px solid #e5e5e5; }
li.sig-block a.sig-link:hover { color:#eee; text-decoration:none; background:#000 url(bg_hover.png) repeat-x top; border-top:1px solid #000;border-bottom:1px solid #000; }
li.sig-block a.sig-link img.sig-image,
li.sig-block a.sig-link:hover img.sig-image { display:block; padding:0; margin:0; border:none; background-repeat:no-repeat; background-position:50% 50%; }
li.sig-clr { clear:both; float:none !important; height:0 !important; line-height:0 !important; border:none !important; background:none !important; width:auto; margin:0 !important; padding:0 !important; }
list-style:none

All the best,
Carl

I don't see the change I recommended earlier anywhere inside the code you provided. Could you put the element I suggest and try again?

Hi Yiota,

I placed "list-style:none" as the last line in the snippet.

Is this the correct place and syntax?

All the best,
Carl