There appears there may be an issue using the Ashe Pro theme since WordPress v6.9. The issue happens when inserting an image in a post, setting the alignment to center, and then edit the inserted image as HTML so that I can add a custom CSS class in the HTML code. I then save the post with the inserted image in HTML format. If I don’t edit the inserted image as HTML when setting the image alignment to center, the alignment displays correctly.
Following is usually how I insert images into a post using WordPress.
First I upload the image(s) I plan to use to my server using SFTP.
Then I commence to insert the image(s) into a post using the / Image option. I then select the Align Center option, click the Insert from URL option, and then I enter the URL to the image location on my server.
https://imgbox.com/75oGasc5
After the image appears, I then click the far right option (three dots stacked vertically) and select Edit as HTML.
https://imgbox.com/HZFITFSM
I then enter a custom CSS class to make higher spacing above and/or below the image.
https://imgbox.com/VCncuYnh
When I click out of the code area, I get the following error:
https://imgbox.com/eyxk0Gpj
At that point, I click the far right option (three dots stacked vertically) and select the Convert to HTML option.
https://imgbox.com/4oBGjEmr
However, after upgrading to WordPress 6.9, the aligncenter part of the code is basically ignored.
https://imgbox.com/HgbUdJV5
Following is the custom CSS class that I created and use:
.image-margin-default {
margin-bottom: 30px;
margin-top: 30px;
}
I initially reported the issue as a bug in WordPress 6.9 on the WordPress Fixing WordPress forum. However, a forum member stated that he wasn’t able to duplicate the issue on his end using the theme he uses. Therefore, he stated that it could possibly be an issue with the theme I’m using.
I also tested using the Twenty Twenty-Five theme and the issue didn’t appear to present itself. I say didn’t appear because the home page in the Twenty Twenty-Five theme appears to center everything by default.
I have been inserting images using the above process for years and it has always worked until I upgraded my sandbox site to WordPress 6.9 and the issue still exists after upgrading to WordPress 6.9.1.
.
