THE MOLITOR FORUMS » Topic: Images Aren't Being Centered

THE MOLITOR on "Images Aren't Being Centered"

THE MOLITOR — Wed, 23 Dec 2015 09:59:17 +0000

Hi there,

It converts an inline element into a block element. Only block elements can be manipulated using left/right margins.

Hope you're enjoying the theme!

Best,

Christopher

jloehrk on "Images Aren't Being Centered"

jloehrk — Tue, 22 Dec 2015 18:25:58 +0000

Yep, that was the ticket. Curious, what's the purpose of the display: block;? (Trying to learn).

Thanks!

THE MOLITOR on "Images Aren't Being Centered"

THE MOLITOR — Tue, 22 Dec 2015 15:56:03 +0000

Hi there,

Try this...

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

Let me know if that helps.

Best,

Christopher

jloehrk on "Images Aren't Being Centered"

jloehrk — Tue, 22 Dec 2015 14:56:34 +0000

Greetings!

For some odd reason, my images are not being centered and it just started happening about a month ago. I didn't do anything to the code nor have I performed the recent update you sent out (1.3.9.3). My CSS Custom code is:

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

I had this before and it worked great! Now, it's all left justified. Any ideas?

Here's an example from my site: http://www.jelproduction.net/gauntlet-movie-poster/

Thanks!