WordPress.org

1. zukny
   Member
   Posted 3 years ago #

   i am pretty new to this, so please bare with me.

   When i am writing a post, and i add a picture to that post; It shows a really sexy caption box sorrounding the image. with the caption inside obviusly.

   When i post the image and the text onto the site, the caption box dissapears. It just shows the writing underneath the image as though the writing were a part of the post, not a part of the image.

   Can anyone help solve this problem?

   http://www.mymorningstory.com

2. Dunkkan
   Member
   Posted 2 years ago #

   Hi, here's a way to do it with CSS :

   http://tenthblog.com/wordpress/how-to-get-wp-caption-working-in-wordpress-26/

3. zukny
   Member
   Posted 2 years ago #

   amazing as it is, i couldnt get this to work for my theme. It shows up in the dashboard like it should, but when I actually put up the post. Thats when nothing shows up.

   Its definitely something in the theme, sounds like i need to wait until roam2rome puts out an update or Learn all this stuff myself.

4. Dunkkan
   Member
   Posted 2 years ago #

   Hi zukny, did you paste the code in the end of your style.css file ?

   It's important it be in the end of the file, just to overwrite any other styling code that can be affecting your posts.

   Then, you must use Mozilla Firefox, which renders those rounded corners (IE still doesn't do it).

   With IE, you will get a standart corner, but the rest of the caption (clair-grey background, normal-grey border) should still be perfectly visible.

5. zukny
   Member
   Posted 2 years ago #

   Dunkkan, i think I just didnt understand the article you sent me. When I tried it, I placed it into my post.php and that didn't work. Then I attempted to place it in my style.css file ( around the middle of it somewhere ) That also didnt work.

   I received another email yesterday from another "coffee desk" theme user. This person fixed the problem for his/her website and told me to place the text that you linked me to at the bottom of the style.css file.

   the code I placed in my file is this.
   `.wp-caption{ border:1px solid #ddd; text-align:center;
   background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;
   -khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

6. zukny
   Member
   Posted 2 years ago #

   .wp-caption{        border:1px solid #ddd;        text-align:center;
   background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;
   -khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

   Thanks for everything

   Matt

7. zukny
   Member
   Posted 2 years ago #

   I finally answered the question. Just place that code into your CSS file. and it fixes the problem every body..

   I didn't understand where to put it, its the CSS file that goes everywhere, and it solves this one particular issue to this theme.

Topic Closed

This topic has been closed to new replies.