Centering Image Links

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

Thanks esmi

I tried Firebug and the CSS for the page is
img {
????display:?block;
}

I added to the CSS
img {
????display:?block; margin-right: auto;
margin-left: auto;
}
and in firebug editor this works but makes the image smaller, however, it does not work when I add this to the actual CSS.

I have searched the CSS and there is no code that is just IMG.

I think I need more information.

I’m sorry but it is beyond the scope of these forums to deal with basic CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead.

Thanks, thats where I got the code. I may have to live with the image fl-left.

You can more the image over by adding a right margin to the <p> tag that contains all those images — this is the relevant CSS code:

.art-postcontent p {
    margin: 12px 0;
}

change it to this — change the 30 to whatever you want the margin to be

.art-postcontent p {
    margin: 12px 0 0 30px;
}

Thanks WPyogi
this did not seem to work. I tried changing various margins with no result.
I also tried replacing margin with this

display: block; margin-right: auto;
margin-left: auto;

to no effect.

This is not a post paragraph but an image link. Could that be the problem?

Thanks again

Is there a plugin that might display a larger image from the thumbnail. CSS does not seem to work on this particular thing.

Don’t know about a plug in but, if you still want to center them, try changing this CSS — add auto to the margin:

.art-article img, img.art-article, .art-block img, .art-footer img {
    border-color: #B2C2D1;
    border-style: solid;
    border-width: 1px;
    margin: 7px auto;
}

It works in my browser using Firebug.

Sorry, no luck on this one either. I tried a few things with this margin and the image is still jammed into the left corner.