Centering the image block in c5.7
Permalink 1 user found helpful
I am running into problems with c5.7 again ... things that I love about c5 seem to have gone with c5.7 ...
It used to be so simple to style your page. I have been searching for ages now how to center an image block. Seems the awesome possibility to do so right in edit mode has gone.
Is that right? Do I really have to add CODE to center an image block?
Or any block?
Or what am I missing?
It used to be so simple to style your page. I have been searching for ages now how to center an image block. Seems the awesome possibility to do so right in edit mode has gone.
Is that right? Do I really have to add CODE to center an image block?
Or any block?
Or what am I missing?
http://stackoverflow.com/questions/114543/horizontally-center-a-div...
Or in codepen.
Also most of the time you will put blocks inside grid (so you want the block width to be = "parent area width")
About image block - you can add custom css. I made you codepen or google it (again this will not work on div without any "width" decleration"):
http://codepen.io/siton/pen/Roaezg...
I think image align not in <p> (like in the text-editor) is little problematic. If you want just add "img-center" class and thats it (use this class when you want to align img - as custom class).
-------------------------------------------------
About vertical is another issue.
I hate all this tricks and use flexbox.
https://davidwalsh.name/css-vertical-center-flexbox...
But you can find solutions like this:
http://stackoverflow.com/questions/7273338/how-to-vertically-align-...