Vertical Pictures next to each other

  • elenikap

    (@elenikap)


    10 years ago

    Hello,
    i am using the sixteen theme and i am having some problems regarding vertical pictures which i want to appear next to each other.
    When i write a post and add media files and the pictures next to each other, there seems to be no problem. But if i preview or post the post, the pictures appear the one under the other.
    Could someone help?
    Thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    Try to align both images to the left. (select the image in the wysiwyg and use the text-align left button. Do this for both images.)

    Thread Starter elenikap

    (@elenikap)

    Unfortunately, that doesnt work for some reason.. Any other ideas?

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    Wrap each of the images in their own divs like this using code view:

    <div style="float:left"> Image Here </div>
<div style="float:left"> Image Here </div>
    Thread Starter elenikap

    (@elenikap)

    I am so sorry… But i am total beginner and i do not quite understand where to put this code..
    I am so sorry!

    Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    Inside of the wysiwyg. Just switch from the editor to the code view.

    Your image tags will look like this:
    <img src="https://example.com/image123.jpg">

    So you just need to find both of the image tags, and put the divs around them like this:

    <div style="float:left"> <img src="https://example.com/image123.jpg"> </div>
<div style="float:left"> <img src="https://example.com/image456.jpg"> </div>
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Vertical Pictures next to each other’ is closed to new replies.