Try using Firefox with the Firebug add-on for this kind of CSS work.
http://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 http://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.