Caption font changes size, pictures won't fit side by side.

cafinny · Member · Nov 7, 2011 at 1:43 am
Copy link

Add topic to favorites
I’m getting so frustrated trying to get my pictures on my blog the way that I want them. I’ve figured out how to resized the pictures so that they will go side by side, but now I’m having a new problem. On the edit screen, the font looks like this (http://www.flickr.com/photos/9071843@N07/6320252931/in/photostream).After I push the Publish button, the lettering is changing so that the text box (Caption) around the picture is longer than the picture, & they are no longer side by side (Screenshot at http://www.flickr.com/photos/9071843@N07/6320776390/in/photostream). Why does the lettering change? How can I make it so that it doesn’t. THIS MAKES NO SENSE. IT SHOULDN’T JUST CHANGE ON IT’S OWN.

I tried to send this directly to support, but there wasn’t any button to push to send it. There was a note that said they were closed for the weekend, but that shouldn’t have prevented me from sending this.

The blog I need help with is: (visible only to logged in users)
panaghiotisadam · Member · Nov 7, 2011 at 1:53 am
Copy link
It doesn’t change on its own, it changes when you mess with it. Captioned images are pre-configured formulas you cannot directly edit: never use any of the tools of the visual editor to change the formatting of a caption.
cafinny · Member · Nov 7, 2011 at 2:58 am
Copy link
So why does it look one way on the edit, & change on the published post? I’ve done at least half a dozen photos, the same way, & this is the only one that changed the size of the picture window.

The only changeing I did was to move the html entry from the top of the post (Highlight from the end [/caption] to the beginning, press Control/X, place cursor at the end, where I want it, press Control/V.

How would that change the font?
cafinny · Member · Nov 7, 2011 at 3:05 am
Copy link
in http://cafinny.wordpress.com/2011/09/22/fmr2-had-7-of-benjamins-kits/
The font changed in the second picture, but the window stayed the same.

Same with http://cafinny.wordpress.com/2011/09/19/82711-fr-lola-bunny-had-4-of-shenanigans-kits/

http://cafinny.wordpress.com/2011/09/19/82211-sams-choice-scaramunda-had-3-of-fr-benjamins-kits/

http://cafinny.wordpress.com/2011/08/10/72211-fr-superior-had-2-of-wsherbets-kits-today/

http://cafinny.wordpress.com/2011/08/10/71511-sri-lanka-had-11-of-7da-plastiks-kits/

In http://cafinny.wordpress.com/2011/08/18/811-shawnee-had-10-of-sherbets-kits/ there are 3 pictures across, the last one the font changed, but they still went next to each other the way I wanted them.

There’s only one that the font on both pictures is the same. http://cafinny.wordpress.com/2011/07/19/7911-crr-oregon-traveler-had-9-of-rustys-kits/

I have no idea what I did differently with that one. I did them all the same way.
panaghiotisadam · Member · Nov 7, 2011 at 1:56 pm
Copy link
In all the examples you link to, the bad image is the last one. I’m not there when you edit your posts, so I cannot tell what you do wrong. But I checked the sourcecode of your posts (as I had also done before I posted my first reply), and I can sure tell that the code of those images is disrupted (the way it gets disrupted when some formatting tool has affected the caption). When this happens, the only thing you can do is click on the image in the visual editor, delete it, and reinsert it. In general it’s safer to insert captioned images after you insert and format all the text.

“Why does it look one way on the edit, & change on the published post?”
a) The post editor is a generic tool, not a WYSIWYG tool: it’s the same no matter what theme you’re using, while fonts vary from theme to theme. What you see on the editor screen are the default fonts of the editor, not those of the actual theme.
b) As you’ve seen in the HTML editor, when you insert captioned images you don’t get the actual image+caption code, you get a shortcode (and that’s why you cannot change the formatting of the caption). So when you mess with the captions, the shortcode remains the same (and the result in the visual editor remains the same) but the actual source code of the published post changes:
Shortcode:
[caption id="attachment_ETC ETC ETC[/caption]
Correct sourcecode:
<div id="attachment_ETC ETC ETC ETC ETC<p class="wp-caption-text">CAPTION HERE</p></div>
Messed up sourcecode:
```
<div class="mceTemp" style="ETC">
<dl class="wp-caption ETC">
<dt class="wp-caption-dt">ETC ETC ETC</dt>
<dd class="wp-caption-dd">CAPTION HERE</dd>
</dl>
</div>
```
cafinny · Member · Nov 7, 2011 at 9:57 pm
Copy link
Thanks, for some reason, deleting the pictures & reinserting them worked. I have no idea why, because I did the exact same thing today as I did yesterday. But today the captions stayed the same.

No items found.