How to get wp-caption working in Wordpress 2.6

So I have finally updated my blog to Wordpress 2.6 and I wanted to try its new features.  Just before this new release, I was looking for a plugin that can caption images. It’s a pretty neat feature of wordpress 2.6.  So I went ahead and tried. What happened was that there was no style. It didn’t look good. I went ahead and took a look at my page’s source and tried to edit  CSS but it didn’t work.

But yesterday,  I found this codex article at wordpress dot org. It has fixed the problem. Here is the code block that you need to in order for it to work with style;


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Of course you can edit this as you want to fit to your custom wordpress theme. I have changed couple of things and here is how it looks;

This is a picture I took in St. Petersburg in Russia.

This is a picture I took in St. Petersburg in Russia.

Share This

  • Stumble it
  • Digg it
  • Del.icio.us

    • Subscribe

    If you like this post and wish to receive updates for future posts, you can subscribe to our feed via RSS or subscribe via email.

    Posted in: Wordpress | 27 July 2008 | by: John| 781
    9 Responses
    Comments
    1. Cialis Generico
      on August 5th, 2008 at 2:33 AM

      Excellent post. good luck.

    2. stefan
      on August 14th, 2008 at 2:10 AM

      thanks! just what i was looking for!
      copy - paste and it works!

    3.   How to get Image Captions to work in Wordpress 2.6 by Robert Merrill
      on August 20th, 2008 at 12:31 PM

      [...] tenth blog already posted some cool CSS code to add to your theme’s stylesheet to make this [...]

    4. Dale Sackrider, II
      on August 30th, 2008 at 9:56 AM

      Thank you - this is exactly what I was looking for…

    5. Alex
      on September 12th, 2008 at 4:22 AM

      Thanks for this fix mate, really drove me nuts not getting it to work! Much appreciated!

    6. kris
      on September 14th, 2008 at 2:23 PM

      thanks so much for this! exactly what i was looking for.

    7. How to get Image Captions to work in Wordpress 2.6 | Utah Tech Jobs
      on September 22nd, 2008 at 12:56 PM

      [...] tenth blog already posted some cool CSS code to add to your theme’s stylesheet to make this [...]

    8. Setu Garg
      on October 20th, 2008 at 9:54 AM

      Thanks!

      This was helpful :).

      YO might want to add text-align:center to the last one as some themes have the text justified which makes it align to the left.

    9. Nicholas
      on November 15th, 2008 at 5:42 AM

      Thank you very much. I’ve also copy&pasted the CSS code. :)

    Leave a Reply