COMMUNITY FORUM

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.

SIG Pro thumbnails display in one column. Problem explained & solution provided.

JoomlaWorks
Topic Author
Offline
Admin

17 years 6 months ago - 17 years 1 month ago #8451 by JoomlaWorks

SIG Pro thumbnails display in one column. Problem explained & solution provided. was created by JoomlaWorks

Due to the way Joomla! displays content items, you might sometimes notice that SIG Pro thumbnails do not align properly, e.g. the show up in one column when there is enough space for 3-4.

This is a Joomla! CSS related problem and if you notice carefully, it probably happens when your content item displaying the SIG Pro gallery has NO text in it.

The solution is quite simple. We just need to tell the surrounding content table to "stretch" to the available width. This does NOT break any layout, it is just something that should exist in most templates' CSS file.

So, open your template's css/template_css.css file and simply add this line of CSS code:

table.contentpaneopen {width:100%;}

That's it! Your thumbnails will now display properly in a grid, within any content item and no matter what the available content width is. :)

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

totoymola
Offline
New Member

17 years 6 months ago #8452 by totoymola

Replied by totoymola on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

i don't this works 100% because this is my current css and i still get the problem:

table.contentpaneopen {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}

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

linuxpac
Offline
New Member

17 years 5 months ago #8453 by linuxpac

Replied by linuxpac on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Thank you Fotis,
but my CSS had this setting before your suggestion. :-[

And the problem - in my case - only afflicts Firefox and in a strange manner.

Refreshing a page afflicted by this issue, the problem sometime can disappear.

This is a real enigma!

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

linuxpac
Offline
New Member

17 years 5 months ago #8454 by linuxpac

Replied by linuxpac on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

This evening I have tried many changes and I have found the solution that work well in my case...

In the file sigpro_default.css (or sigpro_yb.css) I have modified this row...

/* --- Thumbnail styling --- */
.sig {clear:both;margin:0px;padding:12px;display:table;/*position:relative;*/}

... in this mode ...

/* --- Thumbnail styling --- */
.sig {clear:both;margin-right:auto;margin-left:auto;padding:0px;display:block;/*position:relative;*/ width: 100%;}

I hope this is usefull also for totoymola.

Ciao.

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

Steve Nilsen
Offline
New Member

17 years 5 months ago #8455 by Steve Nilsen

Replied by Steve Nilsen on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Arr.. :-\

None of this works for me.. Must be a template issue then? (I'm running the latest Rocket Template called dimensions)

-s-

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

totoymola
Offline
New Member

17 years 5 months ago #8456 by totoymola

Replied by totoymola on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

problem still occurs even after applying this css modification.

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

Jairo L#pez P#rez
Offline
New Member

17 years 5 months ago #8457 by Jairo L#pez P#rez

Replied by Jairo L#pez P#rez on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Try this: <div style="width: 100%">{gallery}XX{/gallery}</div>

:)

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

chumps
Offline
New Member

17 years 3 months ago #8458 by chumps

Replied by chumps on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

unfortunately none of these solutions have fixed this bug for me which is only occurring in Firefox (2.0.0.11)- bizarrely. IE7 no problems.

the problem varies after each reload. sometimes the thumbs display in the 100% table as they should, sometimes in one column, sometimes two etc..

any more ideas on this one?

also, just looking back i can see that releases have been planned for sometime for both SIG Pro and FPSS. is there any further news? both of this plugins have enormous potential..

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

mv1
Offline
New Member

17 years 3 months ago #8459 by mv1

Replied by mv1 on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Just to add to the mix: I am getting the same problem in Safari.

I have the gallery on my home page. If I navigate directly to the home page everything looks great. If I hit refresh I get the single column problem. If I navigate away and go back to home page 80% of the time it loads properly again.

Have tried all other fixes.

I am using LS Tabmenu which originally conflicted with Simple Image Gallery PRO until I changed the Pop Up engine to Lytebox.

Any help appreciated.

Thanks

MV

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

chumps
Offline
New Member

17 years 3 months ago #8460 by chumps

Replied by chumps on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

This evening I have tried many changes and I have found the solution that work well in my case...

In the file sigpro_default.css (or sigpro_yb.css) I have modified this row...
/* --- Thumbnail styling --- */
.sig {clear:both;margin:0px;padding:12px;display:table;/*position:relative;*/}
... in this mode ...
/* --- Thumbnail styling --- */
.sig {clear:both;margin-right:auto;margin-left:auto;padding:0px;display:block;/*position:relative;*/ width: 100%;}
I hope this is usefull also for totoymola.

Ciao.

this is doing the trick for me now. nice one mate

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

mv1
Offline
New Member

17 years 3 months ago #8461 by mv1

Replied by mv1 on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

I tried all the fixes above which seems to help but randomly it breaks when I hit refresh.

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

tlearyus
Offline
New Member

17 years 3 months ago #8462 by tlearyus

Replied by tlearyus on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

same result, tried all fix idea's but getting random results.

any other idea's besides changing templates ?

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

winmonaye
Offline
New Member

17 years 3 months ago #8463 by winmonaye

Replied by winmonaye on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Mine also having same issue. But after I changed as following, it stop changing column randomly every time refresh browser(firefox).
But still, there needs to be update in 1.3.
Seems like even if I change size of thumbs in {gallery}folder_path:thumbs_width:thumbs_height:display_mode(1 or 0 thumb){/gallery}
doesn't change the container size which defined in default.

This evening I have tried many changes and I have found the solution that work well in my case...

In the file sigpro_default.css (or sigpro_yb.css) I have modified this row...
/* --- Thumbnail styling --- */
.sig {clear:both;margin:0px;padding:12px;display:table;/*position:relative;*/}
... in this mode ...
/* --- Thumbnail styling --- */
.sig {clear:both;margin-right:auto;margin-left:auto;padding:0px;display:block;/*position:relative;*/ width: 100%;}
I hope this is usefull also for totoymola.

Ciao.

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

acijanos
Offline
Junior Member

17 years 3 months ago - 17 years 3 months ago #8464 by acijanos

Replied by acijanos on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Same problem, none of the fixes work, and my CSS is fine.

If it is helpful : The problem *only* occurs when :

I have a menu item linking to a 2-column display, and there is only a single content item published in that area.

It looks like the first column (and thus, the first and only content item) is matching the size of the thumbnail display, and then ordering the thumbnails and text into a narrow vertical column.

If I link to the same content item as a 'content-link' - the problem doesn't occur.

/Update/ The problem occurs in any instance that content is to be displayed in an effective single column.

Professional, Eco-Friendly Joomla! Web Design: www.cartanova.ca

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

mv1
Offline
New Member

17 years 2 months ago #8465 by mv1

Replied by mv1 on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Anyone found a fix for this yet?

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

acijanos
Offline
Junior Member

17 years 2 months ago #8466 by acijanos

Replied by acijanos on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

Well, I found a partial fix.

In the file sigpro_default.css (or sigpro_yb.css)

change "display:table" to "display:inline"

That worked for me.

Professional, Eco-Friendly Joomla! Web Design: www.cartanova.ca

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

Michael Klitgaard
Offline
New Member

17 years 2 months ago #8467 by Michael Klitgaard

Replied by Michael Klitgaard on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provided.

Have same probleme here with rt_vortex.
switching between single and double lines.
None of the tips above helped me.
I just wish i dint bought this >:(

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

ahmac
Offline
New Member

17 years 2 months ago #8468 by ahmac

Replied by ahmac on topic Re: SIG Pro thumbnails display in one column. Problem only in IE 6+7

I've read all posts I could find on this problem of thumbnails displaying in one column but in my case (SIG 1.2 with RocketTheme Hivemind on Joomla 1.5.1) it works in all browsers except Explorer v6 and v7. Firefox is fine on PC and Mac as well as Safari.
You can see it here www.galerie-latham.com/sitev2/index.php?option=com_content&view=section&layout=blog&id=8&Itemid=56

Previous suggested changes are already made or not working.

Any ideas ???
Thanks

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

mojito
Offline
Junior Member

17 years 2 months ago #8469 by mojito

Replied by mojito on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

I have just bought this and think this should be solveable by a css wizz !

Any out there ? I have tried a few of the other solutions, really ruins the look of the page which is not why I got this, like it otherwise, until there is a catch all solution Id save my money.

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

ahmac
Offline
New Member

17 years 2 months ago #8470 by ahmac

Replied by ahmac on topic Re: SIG Pro thumbnails display in one column. Problem explained & solution provi

I fixed the problem of thumbnails displaying vertically on one column in IE6 + IE7 with SIG Pro 1.2.

I realized that the contentpaneopen in Joomla (with Hivemind template) collapsed in those browsers although the style is set to a width of 100%. So I just added in sigpro_default.css on the .sig class a fixed width in pixels corresponding to what I needed: <.sig {clear:both;margin:0px;padding:0px;display:table;/*position:relative;*/ width:600px;}>

I still think there is a problem in the way CSS are done in RocketTheme Template but I didn't tried SIG Pro with another template.

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