By | July 30, 2016
Reading Time: 2 minutes

Problem: Image will not Align properly

Image will not Align properly How it looks on the website
Image will not Align properly. This is the exact problem I was having with my website. I knew how to use the align code and the use of the float code. I could use it on any image in my post and control where the text should be placed. However when it came to the use of it before the first heading things got weird.

If I tried to place the picture ahead of the first heading with the align to the right or left and text wrapping it wouldn’t work. I would check the image code and there it was “alignright” or “alignleft” but it still didn’t work.

HTML, XHTML & CSS for Dummies – Amazon.com

 

How can something that is working correctly with the “alignleft” in editor mode look so completely wrong in the preview mode?

Search for a Solution

So I did a little digging. I’m a firm believer in the copy and paste mode. I don’t have to reinvent the wheel to be able to use it. I figured someone has butted heads with this problem before and there should be a solution out there somewhere.

Eureka, there it was, my solution. But I would need to install yet another plugin. Ok “Simple Custom CSS” it would be. This plugin is super simple. After I installed it and activated it, all I needed was the code. Copy the code and paste and click on the “Update Custom CSS” button. That’s it! It worked beautifully.

So if your having this problem here is a simple solution to get your site working the way you want it to.

Step by Step Slider on how to Fix the Problem

Image will not Align properly How it looks in editorImage will not Align properly In editor text mode alignment hilightedImage will not Align properly How it looks on the websiteImage will not Align properly Found this snippet of codeImage will not Align properly Highlight code and copy to clipboardImage will not Align properly simple custom css pluginImage will not Align properly plugin installed and activated ready to add CSS codeImage will not Align properly Ready to add codeImage will not Align properly paste in codeImage will not Align properly CSS code updatedImage will not Align properly Problem fixed

A big thank you to Andrew Nevins, Forum Moderator at WordPress.org for the code(click here to get the code)

Please, leave a comment if you try this. I’d like to hear from you on how it worked.

Related Article: Other WordPress Articles

 

 

(Mybusyretiredlife.com All Rights Reserved)

(Mybusyretiredlife.com All Rights Reserved)

RayC.
Latest posts by RayC. (see all)

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.