Is there a trick to center two side-by-side images?
-
I’ve tried a number of obvious ways to centre two images that are placed side-by-side and so far attempts have failed miserably. Example of such images
I wonder if there are tricks/steps to do so without going into HTML coding. There are posts with very high traffic that I want the images centred for better presentation.
The blog I need help with is: (visible only to logged in users)
-
I have had some success with using the Visual editor, selecting both by dragging the cursor over them, and selecting the Centering icon, but that depends on the theme CSS. You can also center a single image in a draft post, click to HTML and copy the code they used, then paste that in the appropriate place in the post.
-
-
-
@pornstarbabylon – what — if anything — should replace the word “IMAGE” in that bit of code? I guess what I’m trying to ask is how/where to identify which are the two images to be centered. TIA
-
“IMAGE” should be the complete code of the two images.
Plain image – from this
<img
to this:
/>Linking image – from this
<a href=
(then the “img” part)
up to this
</a>Captioned image – from this
[caption id=
to this
[/caption]PS1 You may need to add margins to the images.
PS2 There are also other ways to center a pair of images, incl. coding for tables. -
@panaghiotisadam – thank you for the additional information.
I once managed to center two images side by side in a post (possibly accidentally, but more probably with your help), but I wanted the two fabric views in my newest post to be larger, so I stacked them.
Will the side-by-side images always be the same small size, or is there a way of enlarging them a little?
-
Unfortunately you’ve chosen one of the rather narrow themes, so two images side-by-side cannot but be rather small (maximum width about 200px). Do you mean that a pair of “small” images won’t cover the whole available width of your main column, and do you mean changing that before you upload and insert images or changing it in an already published post?
-
My side-by-side images started out about 350 x 380 px each, and showed up a little bigger than thumbnails, once they were uploaded. They enlarge fine when clicked on but is there is a way that I can size images before uploading so that they will cover the available width of the main column?
-
Go to Settings>Media and set desired width numbers for thumbnails and/or medium sized images.
-
-
- The topic ‘Is there a trick to center two side-by-side images?’ is closed to new replies.
WordPress.com Forums 