- Posts: 4
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- How do I get the text to wrap around the thumbnails?
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.
How do I get the text to wrap around the thumbnails?
- felixaux111
-
Topic Author
- Offline
- New Member
Less
More
18 years 5 days ago - 17 years 1 month ago #2459
by felixaux111
How do I get the text to wrap around the thumbnails? was created by felixaux111
How do I get the text to wrap around my thumbnails?
www.vanderloock.com/en/familie/grandpa-louis-almost-became-87-years-old.htm
www.vanderloock.com/en/familie/grandpa-louis-almost-became-87-years-old.htm
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
Less
More
- Posts: 6227
18 years 3 days ago #2460
by JoomlaWorks
Replied by JoomlaWorks on topic Re: Text wrapping
Switch to single thumbnail mode, either from the plugin's parameters or using a specific tag (see instructions inside parameters page for more - Mambots >> Site Mambots >> Simple Image Gallery PRO).
Then, you need to open the CSS file of the layout you use (default or yearbook). Look at mambots/content/plugin_jw_sigpro for the CSS file. Depending on the thumb layout you chose (default or Year Book), choose the appropriate CSS file.
Inside this file, change this
to this
That should do the job ;)
Then, you need to open the CSS file of the layout you use (default or yearbook). Look at mambots/content/plugin_jw_sigpro for the CSS file. Depending on the thumb layout you chose (default or Year Book), choose the appropriate CSS file.
Inside this file, change this
.sig {clear:both;margin:0px;padding:12px;display:table;/*position:relative;*/}
.sig_clr {clear:both;}to this
.sig {float:left;margin:0px 4px 4px 0px;padding:0px;}
.sig_clr {display:none;}That should do the job ;)
Please Log in or Create an account to join the conversation.
- gprix
-
- Offline
- New Member
Less
More
- Posts: 5
17 years 11 months ago #2461
by gprix
Replied by gprix on topic Re: Text wrapping
Could I come with a feature request here. It would be great if this text wrapping could be applied in inline-code inside the content for example:
{gallery}folder_path:thumbs_width:thumbs_height:display_mode:ALIGN_LEFT/RIGHT{/gallery}
Because sometimes I would like to retain the clear:both attribute. Maybe I can modify the installer to have multiple setups of the SIG with different css files and different "calls" ({gallery_left} and {gallery_right}) or have SIG use one css file when I have selected single thumbnail mode and an other when using normal display mode.
{gallery}folder_path:thumbs_width:thumbs_height:display_mode:ALIGN_LEFT/RIGHT{/gallery}
Because sometimes I would like to retain the clear:both attribute. Maybe I can modify the installer to have multiple setups of the SIG with different css files and different "calls" ({gallery_left} and {gallery_right}) or have SIG use one css file when I have selected single thumbnail mode and an other when using normal display mode.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
Less
More
- Posts: 6227
17 years 11 months ago #2462
by JoomlaWorks
Replied by JoomlaWorks on topic Re: Text wrapping
Don't worry, we'll add this feature - possibly in 1.3. ;)
Please Log in or Create an account to join the conversation.
- Ralph de Kreij
-
- Offline
- New Member
Less
More
- Posts: 3
17 years 9 months ago #2463
by Ralph de Kreij
Replied by Ralph de Kreij on topic Re: How do I get the text to wrap around the thumbnails?
Ok I did the suggest change in the CSS file and now have text wrapped around the image. However below the image I get some 100px of white space which I dont like. I tried everything but cannot get it out. Can someone please assist?
Example:
www.cms.pkn-nieuwerkerk.nl/index.php?option=com_content&task=view&id=38&Itemid=1
Example:
www.cms.pkn-nieuwerkerk.nl/index.php?option=com_content&task=view&id=38&Itemid=1
Please Log in or Create an account to join the conversation.
- wimsel
-
- Offline
- New Member
Less
More
- Posts: 2
17 years 8 months ago #2464
by wimsel
Replied by wimsel on topic Re: How do I get the text to wrap around the thumbnails?
I faced the same problem. Got around 30-40 px of white space below the images.
I'm using 100px thumbnails and fixed it by duplicating the 'sigpro_default.css' file and naming it 'sigpro_default_single.css'.
In this file I changed this line:
into this:
And added a little line in the 'plugin_jw_sigpro.php' to make sure the new css file is imported when a single thumbnail is used.
Change line 83 in this file to:
Probably not a very neat solution, but it works for me.
Wim
I'm using 100px thumbnails and fixed it by duplicating the 'sigpro_default.css' file and naming it 'sigpro_default_single.css'.
In this file I changed this line:
.sig_cont {float:left;/*position:relative;*/}
into this:
.sig_cont {float:left;/*position:relative;*/height:75px !important; padding-left:10px; padding-top:8px;}
And added a little line in the 'plugin_jw_sigpro.php' to make sure the new css file is imported when a single thumbnail is used.
Change line 83 in this file to:
if($_params[3]) {$_howmanythumbs_ = $_params[3]; $sig_layout = 'default_single';} else $_howmanythumbs_ = $singlethumb;
Probably not a very neat solution, but it works for me.
Wim
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
Less
More
- Posts: 6227
17 years 8 months ago #2465
by JoomlaWorks
...I'd say a very professional solution! Thumbs up! ;)
Replied by JoomlaWorks on topic Re: How do I get the text to wrap around the thumbnails?
Probably not a very neat solution, but it works for me.
Wim
...I'd say a very professional solution! Thumbs up! ;)
Please Log in or Create an account to join the conversation.
- Yaani-Mai Gaddy
-
- Offline
- Senior Member
Less
More
- Posts: 41
17 years 7 months ago #2466
by Yaani-Mai Gaddy
Replied by Yaani-Mai Gaddy on topic Re: How do I get the text to wrap around the thumbnails?
I tried the css changes to get the text to wrap around the thumbnail but I got some weird results. Some of the text was under the thumbnail. ???
I tried a different route that worked, somewhat...
I put the gallery code in a one cell table. It works, the text wraps around the thumbnail that is inside the table except it is about 20 or 30 pixels too far away from it so there is a little too much space around it. I tried making the table the exact same size as the thumbnail but the text still won't butt up against it.
Do you have any suggestions on how to get rid of the excess space between the table & the text?
Yaani-Mai
I tried a different route that worked, somewhat...
I put the gallery code in a one cell table. It works, the text wraps around the thumbnail that is inside the table except it is about 20 or 30 pixels too far away from it so there is a little too much space around it. I tried making the table the exact same size as the thumbnail but the text still won't butt up against it.
Do you have any suggestions on how to get rid of the excess space between the table & the text?
Yaani-Mai
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
Less
More
- Posts: 6227
17 years 7 months ago #2467
by JoomlaWorks
Replied by JoomlaWorks on topic Re: How do I get the text to wrap around the thumbnails?
URL?
Please Log in or Create an account to join the conversation.
- ItchySox
-
- Offline
- New Member
Less
More
- Posts: 3
17 years 7 months ago #2468
by ItchySox
Replied by ItchySox on topic Re: How do I get the text to wrap around the thumbnails?
Hi All, sorry if this question has been asked before. A slight variation on the text wrap. I'd like to place the text to the right of the single thumbnail, in a column, but not underneath it. Is this simply achieved? Thanks for any help. Best wishes.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
Less
More
- Posts: 6227
17 years 7 months ago #2469
by JoomlaWorks
Replied by JoomlaWorks on topic Re: How do I get the text to wrap around the thumbnails?
Wherever you see a "left" in the above code suggestions, replace it with a "right". ;)
Please Log in or Create an account to join the conversation.
- ItchySox
-
- Offline
- New Member
Less
More
- Posts: 3
17 years 6 months ago #2470
by ItchySox
Replied by ItchySox on topic Re: How do I get the text to wrap around the thumbnails?
Fotis, thankyou.
Please Log in or Create an account to join the conversation.
- Yaani-Mai Gaddy
-
- Offline
- Senior Member
Less
More
- Posts: 41
17 years 6 months ago #2471
by Yaani-Mai Gaddy
Replied by Yaani-Mai Gaddy on topic Re: How do I get the text to wrap around the thumbnails?
I got the text to wrap around the thumbnail correctly by putting it in a table that has 1 row , 2 columns. www.teamrocketfactory.com/index.php?option=com_content&task=view&id=13&Itemid=28
Scroll down to "Curt Engen's Super Rhino"
I specified the exact size of the thumbnail in order to get the text to wrap correctly.
Code looks like this
<table align="left" border="0">
<tbody>
<tr>
<td>{gallery}rhino:200:150:0{/gallery}
</td>
<td>
<span style="font-size: 14pt; color: #0000ff"><b>Curt Engen's Super Rhino</b></span>
<ul>
<li>
Custom billet A-arms</li>
<li>Aluminum roll cage</li>
<li>HID lights</li>
<li>Team Rocket Factory Stage 1 engine kit with snowmobile racing clutch.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
Scroll down to "Curt Engen's Super Rhino"
I specified the exact size of the thumbnail in order to get the text to wrap correctly.
Code looks like this
<table align="left" border="0">
<tbody>
<tr>
<td>{gallery}rhino:200:150:0{/gallery}
</td>
<td>
<span style="font-size: 14pt; color: #0000ff"><b>Curt Engen's Super Rhino</b></span>
<ul>
<li>
Custom billet A-arms</li>
<li>Aluminum roll cage</li>
<li>HID lights</li>
<li>Team Rocket Factory Stage 1 engine kit with snowmobile racing clutch.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
Please Log in or Create an account to join the conversation.
- Armagh
-
- Offline
- Junior Member
Less
More
- Posts: 22
17 years 2 months ago #2472
by Armagh
Replied by Armagh on topic Re: How do I get the text to wrap around the thumbnails?
Could anyone tell me how to sort this out in the version for 1.5 please as there seems to be the same problem.
Please Log in or Create an account to join the conversation.
- Armagh
-
- Offline
- Junior Member
Less
More
- Posts: 22
17 years 2 months ago #2473
by Armagh
Replied by Armagh on topic Re: How do I get the text to wrap around the thumbnails?
Anyone got any ideas or is this only affecting me?
Please Log in or Create an account to join the conversation.
- Armagh
-
- Offline
- Junior Member
Less
More
- Posts: 22
17 years 2 months ago - 17 years 2 months ago #2474
by Armagh
Replied by Armagh on topic Re: How do I get the text to wrap around the thumbnails?
Any type of fix would be really appreciated as my client isn't very happy with the empty space and the way the text sits. I have aligned the images to the left as in the fix above but can't fine a css fix.
Please Log in or Create an account to join the conversation.
- acijanos
-
- Offline
- Junior Member
16 years 9 months ago #2475
by acijanos
Professional, Eco-Friendly Joomla! Web Design: www.cartanova.ca
Replied by acijanos on topic Re: How do I get the text to wrap around the thumbnails?
Hi - Great tip - Thanks.
Just one question : After 'wrapping' the text around the sig thumbnails...
The first line of text seems to be positioned vertically about 5px lower than the top of the thumbnail. I've tried modifying my template...default CSS, etc, - nothing seems to affect this.
Is this happening for all users? (image attached)
Just one question : After 'wrapping' the text around the sig thumbnails...
The first line of text seems to be positioned vertically about 5px lower than the top of the thumbnail. I've tried modifying my template...default CSS, etc, - nothing seems to affect this.
Is this happening for all users? (image attached)
Professional, Eco-Friendly Joomla! Web Design: www.cartanova.ca
Please Log in or Create an account to join the conversation.
- d_spice
-
- Offline
- New Member
Less
More
- Posts: 9
16 years 8 months ago #2476
by d_spice
Replied by d_spice on topic Re: How do I get the text to wrap around the thumbnails?
I tried using the changes above in the version for Joomla 1.5, but the text lands behind the photo. Is there an update on how to effectively wrap text around a single gallery image?
Thanks in advance.
Thanks in advance.
Please Log in or Create an account to join the conversation.
- d_spice
-
- Offline
- New Member
Less
More
- Posts: 9
16 years 8 months ago #2477
by d_spice
Replied by d_spice on topic Re: How do I get the text to wrap around the thumbnails?
My appologies to Fotis, his method corrected my issue. Thanks!
Please Log in or Create an account to join the conversation.
- Francisco Javier Rojo
-
- Offline
- Junior Member
Less
More
- Posts: 24
16 years 6 months ago #2478
by Francisco Javier Rojo
Replied by Francisco Javier Rojo on topic Re: How do I get the text to wrap around the thumbnails?
Hi:
More about this...
I am using the yearbook parameter in SIG pro config
But..., if the caption is too long then it covers some of the content
is there a way to correct this?
thank you
javo
More about this...
I am using the yearbook parameter in SIG pro config
But..., if the caption is too long then it covers some of the content
is there a way to correct this?
thank you
javo
Please Log in or Create an account to join the conversation.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- How do I get the text to wrap around the thumbnails?