Wordpress - Align images in Posts / Pages

Hello

Please Navigate to Posts control >> Post Content >> Typography Styles:

Find Image >> Style Options:

Arrange Tab >> Display -> "No Value".

This should help.

Thank you,
Olivia

Thank you.
For some reason I had it removed on my live site. An text wrapping works OK too. Put it as default setting.

Sorry I can't find this option in themler, I navigate through Post content but there is no typographic style, coud you help me please ?

Ok I have it

You have to got it

You have to navigate to : Posts control >> Post Content >>More Styles >>Images Style (clic on square on right) >> Arrange (last icon on right) >> display no value

I have a similar problem.
In WordPress I have images adjacently
In Themler template they are but one below the other.
I find no solution.

In a standard WP template is displayed correctly

Last edited 25 March 2016 by @ITS

Hi,

We need to see the page with images.
Could you please create a separate topic and provide the link to the page that demonstrates the issue.

Thank you,
Olivia

Same problem, images in Wordpress set to centre are left aligned.
In Themler desktop v292 I have changed Design > IMage Style > Arrange Display to No Value.
Also have a 10px margin on images in this same section, so that text is not up against each image.
When I remove the 10px margin, the image centering in the Wordpress editor works.
It appears not just to be the display: inline-block, its also the additional margin setting.
LenW

Last edited 25 April 2016 by len

Hi,

Please let us know if you need any assist with this matter. If yes, please create a private topic with the access to your site back end.

Sincerely,
Hella

This is still an issue.
In Outline, Content & Sliders > CMS Content > Posts > Post Content > More Styles > Image Style
I have set Arrange, Display to no value.
In Wordpress images set to be centred are still left aligned,
I have a margin around images, to keep text from being right up against the images. This margin is over-riding the margin-left:auto and margin-right:auto css used to centre images, so preventing centering.

The margin should be applied if specified for left or right aligned images, and top/bottom of centred images. For centred images the auto settings need to over-ride these, but currently don't.

Please will you fix this by removing the inline-block and the CSS. Fixing the image in each template and in Wordpress with additional CSS is more unnecessary work.

Set display: inline-block for images.

Sorry it is for Gallery, for images dispplay:block works. How to combine those two.

I have to check why it works on all my themes. I dont have problems like this, as I remember.

I have one theme where aligment is respected on frontend but not in Themler edit screen.
Have to investigate more this phenomena.

Maybe I did not notice anything before because I allways override Gallery shortcode with my own with Bootstrap classes.

Hi! I have the same problem. When I upload the theme to Wordpress, all images are aligned at left by default and I don't want it. I've followed the steps but I can't find this path. I've tried with: Styles > Images > Arrange but i don't find "Arrange Tab >> Display -> "No Value". I attach the image. Thanks.

Hi,

Try to set none where it says Display: inline-block in your screen shot.

Sincerely,
Hella

I know this is an old post, but it still seems to be an issue for me.

I end up needing to go to:

Post Content \ More Styles \ Image Style \ More Options ...

From their, I need to clear the Margin (if there is any) and change the Display to Block. And since I do actually want a Margin, instead I end up adding a 10px Padding, which ends up shrinking the image and making it look blurry, but is the only way I have figured out how to get the images to center correctly.

I also end up not only doing this on the Blog page, but also the Home Page, Page view and the Default page view.

Hi,

Please create a private topic with the access to your site back end so we could review the settings.

Sincerely,
Hella

Ho anche io questo problema, ho seguito la guida ma non tutte le immagini si mettono a posto, in alcune pagine continuano a restare a sinistra, come in questa: https://www.sb-lab.eu/disclaimer/ potete aiutarmi ?

Hello,

Could you please create a new private topic and provide temporary access to your website for investigation?

Sincerely,
Nettie

To align images to the center within posts while keeping the display: inline-block property, you can use the following CSS code:

css
Copy code
.your-image-class {
display: block;
margin-left: auto;
margin-right: auto;
}
Replace .your-image-class with the actual class name of the image element you want to flooring installation norman center. This code will set the image's display property to block, which allows you to center it horizontally using auto margins.

By setting both the left and right margins to auto, the image will be horizontally centered within its container.

Make sure to apply this CSS code specifically to the images inside posts to avoid affecting other elements on your website.

I like this blog very wonderful. Thank you for sharing. Fence Installation Metairie, LA