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 2 months ago - 16 years 9 months 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. :)

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

totoymola
Offline
New Member

17 years 2 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 2 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 2 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 1 month 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 1 month 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 1 month 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

16 years 11 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

16 years 11 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

16 years 11 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.