how to force images to center on product edit page

[FrangoFit]

I already try to edit the images and send them to the middle several times in the Shopify editor, but they don't obey this command, how do I force them to go to the middle of the page;

the images below are showing how the images are on the left of the product page and not in the middle.

 

[made4Uo]

Hi @FrangoFit 

Please add follow the instructions below.

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the theme.css file
3. At very end of the code, add the code below

.rte div[style='text-align: center;'] > img {
    margin: auto;
}

Result here:

[FrangoFit]

the code worked on most of the images, but some were still on the left of the page as in the image below, I don't know why it is like this,

as I said before in the image editor everything is right in the middle, but on the store page, some images still are to the left.

But thanks in advance for your time and attention and also for the code haha.

 

[Gavinn]

Hi FrangoFit ,

Have you solve this problem ? I have go the same !