How to set the post images side to side

 

example of a Chloe theme post


Some Lovelogic themes allow you to built a nice way to display photos: you can display 2 or 3 photos side to side. Keep reading to learn how to formatting your post to use this feature:


Using 2 images

  1. Upload the two images on your post.
  2. Set them as Original Size.
  3. Switch to HTML view tab.
  4. Click on Format html
  5. Copy <div class="ld-gallery ld-ii"> and paste on top of the two images code. See the screenshot
  6. Copy </div> and paste at the end of the two images code. See the screenshot


Using 3 images 

  1. Upload the two images on your post.
  2. Set them as Original Size.
  3. Switch to HTML view tab.
  4. Click on Format html
  5. Copy <div class="ld-gallery ld-iii"> and paste on top of the two images code. See the screenshot
  6. Copy </div> and paste at the end of the two images code. See the screenshot


Step by step video

The video ahead only shows the process for two images, but the process is the same for three images: just keep in mind the HTML opening tag for 3 images will be slightly different.





Note:
this gallery does not set all images to have the same size. If you want all the images with the same height, make sure you are using them with equal size. You can also achieve a cool asymmetrical look using images of different sizes.

Contact Form