That totally worked, thanks!
On Thursday, July 20, 2017 at 10:53:29 PM UTC+3, Eric Shulman wrote:
>
> On Wednesday, July 19, 2017 at 2:03:15 PM UTC-7, Vayu Asura wrote:
>>
>> I'm using tm-modal to create a full-res image display. So I call tm-modal
>> to display the image tiddler.
>>
> The thing is I can't center smaller images within the modal body, it is
>> always alingned left. Not sure which rule to edit and what to add for the
>> center alignment.
>>
>
> The trick is to apply "margin:auto" to the img element... and it only
> takes ONE line of CSS!!
>
> Simply create a tiddler, tagged with $:/tags/Stylesheet, containing:
> .tc-modal-body img { display:block;margin:auto; }
>
> Tested and verified:
> 1) open http://tiddlywiki.com/#Modals
> 2) press the "Open demo modal" button... note that MotovunJack image is
> NOT centered
> 3) create the stylesheet tiddler as described above
> 4) press the "Open demo modal" button again.... MotovunJack image is now
> centered.
> Q.E.D
>
> enjoy,
> -e
> Eric Shulman
> TiddlyTools.com: "Small Tools for Big Ideas" (tm)
> InsideTiddlyWiki: The Missing Manuals
>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/b831b18d-cd10-4dcb-89d4-4951b9f17bb6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
