Features / Usability

Posted by Gary Cunningham-Lee 07 Mar 2016 11:43 GMT-0000 posts: 4664

The change is a result of Tiki adopting the Bootstrap CSS framework. Now images in wiki text are responsive by default, meaning that their size will change as the display size changes. But a side effect of that is that the div style="text-align: center;" that's used to center the image no longer works.

There are two ways to get the old appearance back. You can give the image a responsive="n" parameter. Then the text-align: center should work. Or you can give the image a new class="center-block". (Then the text-align: center around the image won't be needed, by the way.)

I believe these should work. If you could try and if there is any problem, post again.

By the way, I live near Tokyo and have walked past the Takarazuka theater quite a few times but haven't had a chance to see the revue live yet.

-- Gary

Posted by caithion 07 Mar 2016 23:45 GMT-0000 posts: 27

Hi Gary,

Thanks so much for your reply. I feel a bit like I have the begging bowl out here, but I never properly learned CSS. Is this something I can change for the entire tiki at once in the Look and Feel customization part of the settings? Or is this something that needs to be individually done for each image?

What a small world! I used to spend every weekend in Tokyo before I moved back the the States a couple years ago. Yurakuchou is a cool neighborhood.

Cheers,
Jen

Posted by Gary Cunningham-Lee 08 Mar 2016 12:16 GMT-0000 posts: 4664

Hi Jen,

You can try adding this in the Look and Feel Admin page's Custom CSS:

.img-responsive { display: inline-block; }

If it works, it should work for all images that are similar to the one in your example.

-- Gary