I forgot to add, this is my current image code in the post:
<div class=”caption right”><img src=”/carseatprotector.jpg” width=”150″ alt=”Click for the Top 5 Car Seat Protectors” title=”Car Seat Protector”>Click for the Top 5 Car Seat Protectors</div>
and this is my copied CSS code from the original guide:
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.right { float: right; }
.left { float: left; }
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
Thanks
that link http://codex.wordpress.org/Wrapping_Text_Around_Images#Captioning_The_Image refers to the wordpress build-in image captions (wp-caption);
you system seems to be home-made;
you have the added disadvantage, that your theme author forces all post images to float left:
style.css of your theme:
.entry img {
float: left;
background: #fff;
margin: 6px 10px 5px 0px;
border: none;
padding: 9px;
border: 1px dotted #ccc;
}
see what changes, if you remove the float: left; line from that style …
Hi, thanks for your reply. What exactly do you mean by WP’s built-in image captions? Are you talking about the media upload feature of the visual editor?
Because I did the changes to the CSS for all of the .entry img selectors, but nothing changed. I also tried inserting the image with the media/visual editor image feature, but it also had no changes after deleting the float left.
What type of system do you recommend that I use then for the captioning?
Thanks!
