Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

[Solved] Single Thumbnail Mode: clear: both not working?

  • Rob.Stephen
  • Rob.Stephen's Avatar Topic Author
  • Offline
  • New Member
More
13 years 3 weeks ago - 13 years 1 day ago #45039 by Rob.Stephen
Hi
SIG Pro is a great product, recently installed on Joomla 1.5 site. One small glitch. I have an article where a gallery is set to the single thumbnail mode and the content immediately folllowing is not breaking onto next line.  It seems that this line:
<li class="sigProClear">&nbsp;</li>
is not having the desired effect. This applies with all layout templates and same happens regardless of site template in use.  If I switch to multiple thumbnail view, then the subsequent content does break out onto a new line (as expected).

Here is link to page:
www.clarecommunitygames.ie/Soccer-Indoor/county-indoor-soccer-2012.html

Any help greatly appreciated.

Please Log in or Create an account to join the conversation.

More
13 years 3 weeks ago #45040 by Katia
Could you rephraze your question please?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Rob.Stephen
  • Rob.Stephen's Avatar Topic Author
  • Offline
  • New Member
More
13 years 3 weeks ago #45041 by Rob.Stephen
Replied by Rob.Stephen on topic Re: Single Thumbnail Mode: clear: both not working?
Hi Katia.
What I mean is this. I have an article which just displays the single first image of the gallery folder. The image is just before a new block (i.e. heading is the next HTML following the {/gallery}.  But the heading does not appear on the next line, it wraps to the right of the image.  The last HTML rendered by the plugin is ...<li class="sigProClear">&nbsp;</li>..  The CSS for class contains .."clear: both;".., so I was expecting that it would clear any floats and put the next content on the next line down, but this is not happening.

e.g. www.clarecommunitygames.ie/Soccer-Indoor/county-indoor-soccer-2012.html shows the heading wrapped to right of image.

If I change the gallery display to show all the thumbnails in the folder however, then the heading is put onto the next line.

Rgds
Rob

Please Log in or Create an account to join the conversation.

  • Rob.Stephen
  • Rob.Stephen's Avatar Topic Author
  • Offline
  • New Member
More
13 years 2 weeks ago - 13 years 2 weeks ago #45042 by Rob.Stephen
Replied by Rob.Stephen on topic Re: Single Thumbnail Mode: clear: both not working?
Hi
Am just attaching PDF with some screen shots from test system showing the differences when using single vs multiple image switch which might explain better what I mean.
Rgds
Rob

Please Log in or Create an account to join the conversation.

More
13 years 2 weeks ago #45043 by Katia
Please provide me with a link to your image gallery page that is incorrect.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Rob.Stephen
  • Rob.Stephen's Avatar Topic Author
  • Offline
  • New Member
More
13 years 2 weeks ago #45044 by Rob.Stephen
Replied by Rob.Stephen on topic Re: Single Thumbnail Mode: clear: both not working?
Hi Katia. Link is in first post. www.clarecommunitygames.ie/Soccer-Indoor/county-indoor-soccer-2012.html
The article contains a gallery with single image displayed. The heading or paragraph following the image is wrapped on same line.
Thanks.

Please Log in or Create an account to join the conversation.

More
13 years 2 weeks ago #45045 by sinan444
Thank you  :)

Please Log in or Create an account to join the conversation.

  • Rob.Stephen
  • Rob.Stephen's Avatar Topic Author
  • Offline
  • New Member
More
13 years 2 weeks ago #45046 by Rob.Stephen
Replied by Rob.Stephen on topic Re: Single Thumbnail Mode: clear: both not working?
Hi
This is resolved. In the classic template.css there were two lines:
/* Container */
ul.sigProClassic { margin:8px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; }
ul.sigProClassic { margin:0!important; padding:8px 0!important; list-style:none!important; float:left; }

When displaying as a single image, the plugin generates a class name of "sigProClassicSingleThumb" which was throwing me off as I could not find that in any css. So I changed above css to (rename of class and change of float):

/* Container */
ul.sigProClassic { margin:8px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; }
ul.sigProClassicSingleThumb { margin:0!important; padding:8px 0!important; list-style:none!important; float:none; }

That has the desired effect.  I guess if a single image was embedded in article text then the float:left would be appropriate but not for my usage.

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum