Multithumb Image alignmnet issue

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
arunthomas2883
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Tue Dec 09, 2014 8:01 am
Contact:

Multithumb Image alignmnet issue

Post by arunthomas2883 » Fri Apr 29, 2016 3:42 pm

After installing BK-Multithumb my article is like this;
with-multithumb.png
I need to show it like this;
without-multithumb.jpg
Please help me.
You do not have the required permissions to view the files attached to this post.

User avatar
Jeyjoo
Joomla! Explorer
Joomla! Explorer
Posts: 344
Joined: Tue Jul 19, 2011 8:56 am
Location: Monaco
Contact:

Re: Multithumb Image alignmnet issue

Post by Jeyjoo » Mon May 02, 2016 7:51 pm

There are lots of ways this may be possible:

1. Your template may offer an option
2. With CSS - something link display:block;clear:both;width:100%; on the image container would do it.
3. (least recomended as involves a template override) If you have access the the template file, you can add the line following line straight after the image to force a line break:

Code: Select all

<div class="clear"></div>
Good luck
Ultimate guide to setting up a Joomla MULTILANGUAGE website
https://jeyjoo.com/blog/how-to-create-a ... -joomla-3/
Guida siti MULTILINGUE in Joomla
https://jeyjoo.it/blog/creare-un-sito-m ... -joomla-3/

arunthomas2883
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Tue Dec 09, 2014 8:01 am
Contact:

Re: Multithumb Image alignmnet issue

Post by arunthomas2883 » Fri May 27, 2016 5:12 am

Jeyjoo wrote:There are lots of ways this may be possible:

1. Your template may offer an option
2. With CSS - something link display:block;clear:both;width:100%; on the image container would do it.
3. (least recomended as involves a template override) If you have access the the template file, you can add the line following line straight after the image to force a line break:

Code: Select all

<div class="clear"></div>
Good luck
I am sorry but your solution was not working. But I resolved it myself. In the multithumb plugin settings there is an option called "Thumbnail CSS" in article thumb tab, here I changed,

Code: Select all

.multithumb {     margin: 5px;     float: left;  }
to

Code: Select all

 .multithumb {     margin: 5px;     float: none;  }
Anyways thanks a lot for the try.

User avatar
Jeyjoo
Joomla! Explorer
Joomla! Explorer
Posts: 344
Joined: Tue Jul 19, 2011 8:56 am
Location: Monaco
Contact:

Re: Multithumb Image alignmnet issue

Post by Jeyjoo » Fri May 27, 2016 9:18 am

Good stuff!
Ultimate guide to setting up a Joomla MULTILANGUAGE website
https://jeyjoo.com/blog/how-to-create-a ... -joomla-3/
Guida siti MULTILINGUE in Joomla
https://jeyjoo.it/blog/creare-un-sito-m ... -joomla-3/


Locked

Return to “Extensions for Joomla! 3.x”