Image Align Center In Ckeditor

[peterpp]

Hi,

  I am using ckeditor. When i am uploading an image and giving it image align center alignment, image looks centered in body area in backend. But on front end image aligns on left side only.

Regards,

Pravin

[mr-fan]

CKEditor image styles in Processwire are set via a CSS class for frontent:

class="align_center"
class="align_left"
class="align_right"

so you have to setup some styles into your template CSS to fit your needs like for eg.:

.align_left {float:left;margin: 5px;}
.align_right{float:right;margin: 5px;}
.align_center{margin: 0px auto; display:block;}

Best regards mr-fan
 

@Martijn

"clipbord" talk to me  - don't forget to editing me after copy and paste me....

Edited August 4, 2014 by mr-fan

[Martijn Geerts]

mr-fan, you forgot the .align_center 

.align_center {
    margin: 0 auto;
    display: block;
}

[peterpp]

mr-fan, you forgot the .align_center 

.align_center {
    margin: 0 auto;
    display: block;
}

HI Martijn Geerts,

  Thanx for help. It worked for me.  Does this means that  class  "align_center"  is default class, we just have to write style for it?

Regards

Pravin

[Martijn Geerts]

Yes,

you could set the preferred class names here: /processwire/module/edit?name=ProcessPageEditImageSelect 

[peterpp]

Yes,

you could set the preferred class names here: /processwire/module/edit?name=ProcessPageEditImageSelect 

Thanx a ton.

Regards,

Pravin