Pictures in posts
-
AuthorPosts
-
mynths
MemberHello!
Is it possible to get to pictures beside each other AND in the middle? When I choose that one picture should be in the middle, the other picture moves below. I would like them beside each other and in the middle :)
The blog I need help with is: (visible only to logged in users)
michaelbeil
MemberCan you show me a test post or a screenshot of what you are seeing?
This might be a bad example, but: http://mynths.com/2015/07/11/gronnkalchips-med-paprikasmak/
After the green box, you see two pictures. They are beside each other, but if I choose one of the pictures to be in the middle of the page – the other one jumps down, so it is below the first picture. I want both of them in the middle of the page and beside each other.
If you’re not sure what I mean, let me know! I don’t know how to post a screenshoot in this forum.
Thank you!
michaelbeil
MemberI see both photos that are side by side. Are you wanting to place the portrait photo next to the landscape photo?
If so, you might be better off creating a gallery that allows for the layout you are desiring.
Yes they are side by side, but they are not adjusted to be in the middle – they are next to the left side and there is a space between the pictures and the right side :)
Sorry, this was difficult to explain :) Nut sure if it is possible to do.
angelatcrist
MemberGreat question!
Here’s what I found:
“If you would like to see images appear side by side on the same line, put the images next to each other and give them both either left or right alignment. Make sure the images are small enough that they will both fit on one line, including borders and margins. Otherwise, one of the images will be bumped to the next line. If this happens, you can resize the images so that they can fit side by side.”
You will find this within the Side by Side section here: https://en.support.wordpress.com/images/image-alignment/
Let me know if you have any other questions.
AngelaYes I know how to do that, I’m just wondering how to get them in the middle of the page and side by side. They are always to the left. They won’t move to the right if they are side by side.
angelatcrist
MemberYou should be able to align left or right but not center.
I was able to move left and right in the alignment.I will include the WordPress team in this thread to see if they can take a look as to why you are experiencing this.
Thanks,
Angelathesacredpath
StaffHi there, what we need to do is to add a div around the code for those two images. Open that post in your editor, switch to the Text tab and the add this before the code for the first image
<div style="text-align: center;">
and then add a closing div tag after the code for the second image.
</div>
Also, I noticed that the two images are different widths. With the above solution, I would suggest having the two images the same width so that on smaller screens, when the images stack into a single column, they look the same width.Thank you so much, it worked! :)
thesacredpath
StaffAwesome, and you are welcome.
- The topic ‘Pictures in posts’ is closed to new replies.