Why are images on my blog not displaying correctly?
-
I like to include many images in my blog posts, but have run into a problem: some of them randomly don’t align the way I tell them to.
For example, in this post: http://facetiousthesis.wordpress.com/2014/10/16/6-brands-whose-logo-change-you-never-noticed/ my first image aligns the way it should, but then the 2nd, 3rd, and 4th ones do not. Then, the 5th one randomly does. I’ve inspected the code of the post and can’t seem to figure out what the issue is. Even after messing with it, the only explanation I can guess at is that the Intergalactic theme I am using can’t handle something about these images.
If anyone could help me find a solution to this problem, I would really appreciate the help!
The blog I need help with is: (visible only to logged in users)
-
The images that are causing problems all have the class caption-big applied to them. If this is something you can set (like the alignment) when you insert the image then I’d suggest editing the post and removing it – this will fix the layout issues. Are you using the visual or text editor when you create posts?
-
I don’t see anything about caption-big when editing using either type of editor. It’s caption id=”” for every image. The only other times the word “caption” appears is to do [/caption] at the end of each image’s caption code.
I tried simply deleting the caption id=”” text, and that gives me a centered image, but with a bunch of stray code showing up in my blog post when it shouldn’t be. Any tips for how to fix this class caption-big problem? I can’t seem to figure it out.
And to answer your question: I normally use the visual editor. I find using the text editor confusing if I’m doing anything other than writing straight up text (I have no idea how to center things and insert captions in this mode).
Sorry I’m having such trouble with this, I’m not used to blog writing being so complicated.
-
Ah, I’ve found what you mean when I look at the code of my page using Firefox’s “Inspect Element” feature. But this doesn’t show up when I try to edit my blog post. My blog post’s text editor only shows me a few pieces of information. For example…
Here’s the first Yoplait logo picture that’s misaligned:
[caption id="" align="aligncenter" width="431"]<img class=”shrinkToFit decoded” src=”http://www.chill.com.au/wp-content/uploads/2012/09/yoplait_logo.jpg” alt=”http://www.chill.com.au/wp-content/uploads/2012/09/yoplait_logo.jpg” width=”431″ height=”244″ /> [Logo from Pixgood.][/caption]Here’s the second Yoplait log picture that’s centered properly:
[caption id="" align="aligncenter" width="400"]<img class=”decoded” src=”http://www.runninglovingliving.com/wp-content/uploads/2013/01/Yoplait-logo.jpg” alt=”http://www.runninglovingliving.com/wp-content/uploads/2013/01/Yoplait-logo.jpg” width=”400″ height=”222″ /> [Image from RunningLovingLiving.][/caption]The only difference of note that I see is the img class. But when I make the first one the same img class as the second one, the problem is not fixed.
-
I’ve just tried to replicate the problem on a test blog using your theme and I see the same thing. I’m not sure how to stop this from happening though. Have you tried resizing the images locally and uploading them to your media library at the size you want them to appear (some are much larger than they are displaying in your posts)?
-
Well, look at that, it works! Looks like my blog’s theme just can’t handle resizing those particular images for some reason. Uploading ones that are already resized makes them align properly.
It’s a shame that this problem requires an annoying workaround like this, but at least there’s some kind of solution available. Thanks for your help!
- The topic ‘Why are images on my blog not displaying correctly?’ is closed to new replies.
WordPress.com Forums 