Image not centering – how to fix ?

[fixxi1]

Hi Guys,

On the following page http://www.fixxi.net/x/sofia-night-out-meet-a-girl-in-sofia , there are some images towards the bottom ( disco club scenes ).

Can someone let me know why aren’t they aligning in the center ? Although they have been set to centrally alight via Magento’s WYSIWYG. And how to fix it without destroying the rest of the site ?

Another page running on the same website has an image in the body which is aligning just fine … http://www.fixxi.net/x/fixxi-book-introduction-to-fixxi-neuro-state-programming

Thanks and best !

[Senff]

Magento’s WYSIWYG is pretty terrible. I always tell clients to not use that, and just use the HTML code part for any CMS block.

Anyway, the reason why the images don’t do that, can be found on line 438 of styles.css:

img {
  display: block;
}

Only images that are displayed inline will center when its parent has “text-align:center;”, so you’re going to have to override it one way or another.

[fixxi1]

Hi,

I see… humm

[fixxi1]

Thanks indeed i removed “text-align:center;” from the parent and centered it at the element level ( img ) now is aligning and seems to have added those two :

margin-left: auto;
margin-right: auto;

[Author]

Posts