Plugin Author
Baden
(@baden03)
Thanks a lot for your answer! It works perfectly!
I have another question though. I’m using some columns shortcode. Would it be possible to override the columns width to allow the collapsed text to show in a wider block rather than in the predefined column width (for example 400px instead of 150px in the case of a 5 columns grid).
Thanks again.
Plugin Author
Baden
(@baden03)
That depends. Do you have a link you care to share?
Plugin Author
Baden
(@baden03)
Ok, so you have collapse elements in columns. The columns have fixed sizes. So all content inside these divs will force-fit to the column width.
What you could do is use the roll-your-own method and place the target content someplace outside of the column.
For example:
Trigger
<div class="collapseomatic" id="item1" rel="items-highlander" title="Item One"><img src="http://www.coreevoyage.com/wp-content/uploads/2013/11/gastronomie-273x182-1.jpg"></div>
Target
<div id="target-item1" class="collapseomatic_content">25. Des abris anti-aériens aux marchés financiers...</div>
Here is the code I integrated. Unfortunately, the content gets displayed on the right side of the picture, which makes the other picture move below. The ideal would be to have the content displayed below the picture.
[gn_column size="1/3"]<div class="collapseomatic" id="item1" rel="items-highlander" title="Item One"><img src="http://www.coreevoyage.com/wp-content/uploads/2013/11/gastronomie-273x182-1.jpg"></div>[/gn_column]
<div id="target-item1" class="collapseomatic_content">25. Des abris anti-aériens aux marchés financiers. Se relevant d'une guerre terrible qui tua près d'un million de personnes, Séoul a simplement explosé en moins de 50 ans pour devenir l'une des 10 premières villes les plus puissantes économiquement à travers le Monde, et la deuxième plus grande zone métropolitaine. Peu importe, petit ou grand, il n'est pas de tâche que les Séoulites n'aient pu finir à temps (ou en avance)</div>
`
Well, you wrote that “The columns have fixed sizes. So all content inside these divs will force-fit to the column width.”. So I guess there isn’t any solution to have the content’s width override the column’s width, right?
Plugin Author
Baden
(@baden03)
No if the columns have a fixed with (and they do).
What you would need to do is place the target div someplace outside of a column. You might also want to give the target div a special class and define the width of that class. Something like:
Target
<div id="target-item1" class="collapseomatic_content my_class">25. Des abris anti-aériens aux marchés financiers....</div>
CSS
.my_class {
width: 300px;
}
Plugin Author
Baden
(@baden03)
You are quite welcome. Good luck and don’t forget to vote for Pedro!
