WordPress.org

1. walkinman
   Member
   Posted 2 weeks ago #

   Hey folks,

   When I upload an image, I get a code like this in the html editor:
   [caption id="attachment_155" align="alignnone" width="417" caption="A grizzly bear charges up the river chasing spawning Sockeye Salmon, Katmai National Park and Preserve, Alaska."]<img class="size-full wp-image-155" title="grizzly bear charging" src="http://alaskanalpinetreks.com/ramblings/wp-content/uploads/2009/11/09_SEP1074_1.jpg" alt="A grizzly bear charges up the river chasing spawning Sockeye Salmon, Katmai National Park and Preserve, Alaska." width="417" height="600" />[/caption]

   And it displays nicely in the 'Visual" editor with the bordered box around the image and caption. But then when I look at the posted page, in Safari and/or Firefox, the caption shows, but not with the italic font and softer b/g that's apparent in the Visual Editor. The caption just appears like regular text.

   The site is Alaskan Alpine Treks - using Wordpress Default theme.

   Cheers

   Carl

2. walkinman
   Member
   Posted 2 weeks ago #

   Hey Folks,

   Anyone have any ideas on what might be the problem?

   Thank you.

   Cheers

   Carl

3. walkinman
   Member
   Posted 2 weeks ago #

   Hey Folks,

   OK, I found this thread and it provided the solution. I needed to add the caption stylings to the CSS code:

   Here they are, form the other thread:
   

   .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;
   }
   
   .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;
   }

   Cheers

   Carl

Reply

You must log in to post.