How do I get the thumbnails to line up?

• 

  treanahickey · Member · May 16, 2014 at 7:06 pm

  • Copy link
  • Add topic to favorites

  I can’t get the pictures to line up correctly on this page: http://houseofbennetts.com/diy-projects/
  The first three rows are fine, but then things go crazy. I am not using the gallery because I want each picture to link to a post, NOT the picture. HELP ME!

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · May 17, 2014 at 5:52 pm

  • Copy link

  Hello there! Since you are not using a Gallery, the most reliable way to get your images in line will be to create a table and place your images inside. This way, spacing will be uniform.

  Here is a link about how to create HTML tables:

  http://www.w3schools.com/html/html_tables.asp

  Usually, when you are working on a Page or Post, you’ll be entering content in the Visual tab. To add a table, you will work in the Text tab.

  Click on Pages → All Pages. Open your DIY page in your editor. Click on the Text tab (which is located directly over your text editor, next to the Visual tab).

  You will see code between this two brackets:

  [caption id="attachment_2470" align="alignleft" width="150"] [/caption]

  That code represents the first image your added to your page.

  I’ve started a table for you, so you can see how it’s done. I created a private page that only you can view when you’re logged into your account. View it at Pages → All Pages: Table Test. You will replace all the Xs with your image links, just as I have.

  Best of luck with this project. Once you get the hang of it, it’ll be simple! Please let us know if you have any other questions. Thanks much and happy blogging!