Resizing single images

[Zdenka]

Hi, it seem there is a new feature in WP enabling resizing single images directly in the editor, graphically, just by clicking on the marks around the image and pulling it. Why does this not work in Preference? Can you insert images in post only in thumbnail size?

In fact I sometime need to insert 2 images side by side. Centered with just a narrow space between them. In Twenty ten – twelve WP themes it works just to align both images (inserted in a separate paragraphe) to the left which is super simple. However in Preference, if I tried that way, the paragraph bellow skips up on the left of the image. Any possibility to correct this in Preference?

[Sushil Adhikari]

The re-sizing has been around for a while now, but yes, you can do that. The theme has no image sizing to prevent that. You can insert an image any size you want into your post. The only thing Preference has is the responsiveness that an image will auto adjust in size (relative sizing) if an image is in a container that has a specific pixel dimension. As you make your browser window smaller, the image auto adjusts. Long story short, you can put any image into your post or page.

As for your other issue, it will more likely be the image tag styling that is an inline-block, but it’s been problematic actually for some. For some people it needs to be a block while others need it to be inline-block. Right now the theme is coded as:

/* Image styles */
img {
display: inline-block;

Try doing adding custom css as display: block; and see how that works for you.

[Zdenka]

Thanks for explaning me. Hmmm, in that case I don’t understand why resizing doesn’t work for me in Preference. I am really not able to enlarge the image as it always shrinks back when I drop the mouse. When I switch to a WP theme (Twenty someting) it works as it should. Any idea where the problem might be?

Do you mean adding this to the child theme CSS stylesheet? No, that did not help.

img {
display: block;
}

[Sushil Adhikari]

Strange… could you do me a favor, and show me the post or page (link) you are trying to resize the image in it and I will take a look. Is the image in the post right now, and what were you trying to increase it to?

[Zdenka]

Thanks for your kind response. I’ll send you an email, of you don’t mind – there’s a “coming soon” plugin activated.

[Sushil Adhikari]

Good thing for Google translate…I had to answer the math question :woohoo:

Anyway, thanks for the example link you sent me, now I understand clearly.
Without going into a lot of techy words and how things work, the issue you are experiencing is part of the theme coding and hard to solve to what you need. However, I’ve given you another solution which also works in a responsive layout. Replace your post content with the one I attached to the email I replied back with. Copy and paste the code into your “Text” view of your post editor and replace the existing one. Before you do this though, make a copy of your post first as a text file.

Once done, check your post and see how it looks.

[Author]

Posts