Try adding the following to the bottom of style.css:
.aligncenter,div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
line-height:1.5em;
padding: 0 4px 5px;
margin: 0;
}
It fixed one caption, but not the other.
Any more help…then one on the front page is now weird.
Amend:
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
to
.wp-caption img {
border:none;
float:none;
margin:0;
padding:0;
}
Thanks for that, really appreciate it.
I dont wanna be a nuisance but would it be possible to have a border around both pic and caption?
It appears with a border around both in the post editor, but when I publish it it changes it to nothing.
Thanks for everything.
Try adding:
.wp-caption {
border: 1px solid #ddd;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
Done, but it looks a bit odd in all honesty. Not being ungrateful or anything.
Anyway I can make it the same as the post editor?
Tweak the border width and color to suit.
Thanks for that. Is there anyway I can align the picture to the center of the border?
And the wordwrap is insanely close to the border itself…can i change that?
the wordwrap is insanely close to the border itself
Try adding:
img:alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}
to style.css
Is there anyway I can align the picture to the center of the border?
Change:
.wp-caption img {
border:none;
float:none;
margin:0;
padding:0;
}
to
.wp-caption img {
border:none;
display:block;
float:none;
margin:0 auto;
padding:0;
}
in style.css
The images are now centred, that’s fine. But the wordwrap is still as close as it could be.
Any fix?
