Images align left in post/page despite changes

P.S. This is only recently on new posts and new pages I’m creating where this is an issue.

Hey Almost There,
Can you post a link to your site and to your theme?

https://www.thehealthring.com
Theme: VertiMagazine

Here is a posts where I could align images however I wanted:
https://www.thehealthring.com/national-miss-florida-2013-real-beauty-and-body-tips/

Here is a post where the images will only show up to the left: https://www.thehealthring.com/the-best-tea-you-will-ever-drink/

Did you change the way you created/published these two posts? For example: was one created and copied from Microsoft Word and the other created from WP Admin Panel? Or was one posted via e-mail vs. browser?
Any plugins installed between the publishing of the two?

The code for the images on the working post is significantly different from the code for the image on the non-working post.

The second one was copied in from Microsoft Word…Could that have been the issue?

I should have copied into the text option rather than the visual maybe?

I’m having the issue again right now building this page: https://www.thehealthring.com/cover

I should be able to center the slideshow, but cannot. The only thing I copied was the code for the slideshow, provided by the plugin.

As far as new plugins between those two posts, no. I know for sure no new plugins were installed between the two posts.

Thanks for your help.

I’m not sure about the slideshow, but for the images not aligning correctly, stick to publishing them like you did for the posts that display properly.

If it only happened with posts created in MS Word then don’t do them that way – or just don’t insert the images into MS Word and copy over to WP. Just copy over the text from MS Word and then insert the pictures like you did for the posts that showed up correctly.

For the Slideshow problem, did you make sure to switch from Visual to Text when you pasted the code? Otherwise you could try putting the code for the slideshow inside of something like this:

<div align="center" style="clear:all;">
<!-- Slideshow Code -->
</div>


Thanks so much for the help (and the code)…From now on, I will copy/paste into text only.

I just tested it again…I think it’s something with the theme.

When I just opened up a brand new post, the first thing I did was inserted an image and selected “align right”…it still shows up on the left.

My solution for now will be to utilize the column plugin, so I can position the images where I want them.

Thank you!

Hi Almost There,

I don’t think there is a theme issue if for one post it works and for other it doesn’t , if you will have any issue, don’t hesitate to contact us at : [email protected]

I too am having this issue. All of my images in pages and posts automatically left align, even if I tell them to use Right or None. No other formatting is being used. Any suggestion on what may need to be changed in the CSS?

Website is https://www.bebizzy.com. An example page would be https://bebizzy.com/2014/01/13/nfl-playoffs-yet/ . The bottom two images are set to alignright

These two styles are conflicting, the float:left will always take precedence because of CSS specificity rules (https://css-tricks.com/specifics-on-css-specificity/).

in style.css you have

.post .content img{
	float: left;
}

and in reset.css you have

.alignright {
	float: right,
}

In your child theme you can remove the float:left with

.post .content img{
   float: none;
}

or you can give priority to the float:right with

.alignright {
   float:right!important;
}

Unfortunately that didn’t resolve it. I tried it both ways.

Thanks for the help, though!