Images without captions don't allign properly editor is cut in half

byelana · Member · Sep 27, 2014 at 12:28 am
Copy link

Add topic to favorites
Page with examples of the problems: http://mightyballoon.com/image-allignment/

I had this problem before, and adding
```
.wp-caption.alignleft {
	margin-left: 0 !important;
}

.wp-caption.alignright {
	margin-right: 0 !important;
}
```
to my CSS seemed to resolve my problem.

However sometimes images would randomly fall off the page and I have only just noticed that it’s the ones without a caption that do it.

Also, I can’t get more than one image on a line. No matter what I do one always ends up below the other (I did an example on the bottom of the page). My width is set to 800px, and the two images were 150px each so I don’t know why it isn’t working.

Thanks!

P.s. my post editor has been cut in half. The white box where I type/add images is the normal size, but the line is automatically broken when I get halfway across. Posts are published as normal and it isn’t a serious problem (just a little bit inconvenient).

I’ve put a screenshot of the editor and a link to the published post at the bottom of the page.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 27, 2014 at 1:13 am
Copy link
You need to add an additional couple of selectors to your image alignment rules to cover images that are not captioned or done as “attachments”. Change the two to look like below. I also added .entry-content to your caption selectors so that this change you’ve made will not be applied to images within the sidebars.
```
.entry-content .wp-caption.alignleft, .entry-content .alignleft {
    margin-left: 0 !important;
}
.entry-content .wp-caption.alignright, .entry-content .alignright {
    margin-right: 0 !important;
}
```
byelana · Member · Oct 13, 2014 at 8:09 am
Copy link
This worked perfectly- thanks!
itil5 · Member · Oct 19, 2014 at 11:56 am
Copy link
Hello all
thesacredpath · Member · Oct 19, 2014 at 2:54 pm
Copy link
@itil5, do you have a CSS related question?

No items found.