- 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
17 years 8 months ago - 16 years 9 months 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: 6221
17 years 8 months ago #2460
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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 ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- gprix
- Offline
- New Member
Less
More
- Posts: 5
17 years 7 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: 6221
17 years 7 months ago #2462
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Re: Text wrapping
Don't worry, we'll add this feature - possibly in 1.3. ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Ralph de Kreij
- Offline
- New Member
Less
More
- Posts: 3
17 years 5 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 4 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: 6221
17 years 4 months ago #2465
by JoomlaWorks
...I'd say a very professional solution! Thumbs up! ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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! ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Yaani-Mai Gaddy
- Offline
- Senior Member
Less
More
- Posts: 41
17 years 3 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: 6221
17 years 3 months ago #2467
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Re: How do I get the text to wrap around the thumbnails?
URL?
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- ItchySox
- Offline
- New Member
Less
More
- Posts: 3
17 years 3 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.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- How do I get the text to wrap around the thumbnails?