- Posts: 5
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- [Solved] Single Thumbnail Mode: clear: both not working?
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.
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
- Topic Author
- Offline
- New Member
Less
More
13 years 3 weeks ago - 13 years 1 day ago #45039
by Rob.Stephen
[Solved] Single Thumbnail Mode: clear: both not working? was created 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"> </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.
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"> </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.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
13 years 3 weeks ago #45040
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Single Thumbnail Mode: clear: both not working?
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
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"> </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
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"> </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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
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
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.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
13 years 2 weeks ago #45043
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Single Thumbnail Mode: clear: both not working?
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
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.
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.
- sinan444
- Offline
- New Member
Less
More
- Posts: 4
13 years 2 weeks ago #45045
by sinan444
Replied by sinan444 on topic Re: Single Thumbnail Mode: clear: both not working?
Thank you :)
Please Log in or Create an account to join the conversation.
- Rob.Stephen
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
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.
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.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- [Solved] Single Thumbnail Mode: clear: both not working?