Editing images in gallery

  • Hi folks

    My web designer didn’t use the gallery function when creating my gallery, rather used a page and then put a table (because I wanted it 3 across) and the original idea when editing was that I would just copy and paste enough new lines and then edit the repeated images to change them to new ones. But with the new updates I have lost this function – so frustrating! AND my designer wants me to pay for new instructions which makes me angry to no end. Can anyone assist please?!

    I hope this all makes sense!

    Many thanks
    Jess

Viewing 3 replies - 1 through 3 (of 3 total)

  • Not sure how updates would affect copying/pasting code. Did the complete Page in question(that contained your images) disappear somehow?

    Thread Starter JessLBS

    (@jesslbs)

    No, the page didn’t disappear.

    When the guy created the ‘gallery’ for us he didn’t do it using the actual gallery function (I don’t think). He created a page, put a table in it and inserted images that way.

    I can’t just insert photos as I like as it throws out the table that is there. The guy said in his original instructions that the best thing to do would be to copy and paste a row so as to not lose the format of the table, then edit the image and replace the image. But that option isn’t there anymore with the pencil button (whereas it used to be). Also I have noticed that the images stretch and go out of shape while conforming to the table and I don’t know how to fix that.

    When you go to edit the page, switch from the Visual view, to the Text view. There’s two small tabs, upper right of the editing area. When in the Text view, you will see the HTML code used to create the table.

    Typically a table will look like this ..

    <table border="1" style="width:100%">
  <tr>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
  </tr>
  <tr>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
    <td><img src="nameof image.jpg" height="100" width="200"></td>
  </tr>
</table>

    **Before doing the steps below…copy ALL the HTML code you see, and paste it into a text editor, and save it as a .txt file, on your local computer. That way, if you make a mistake..you can easily copy it back to your WP page.**

    With the editor in Text view…
    Copy the last <tr> </tr> part, including the <td>’s Each <tr></tr> is a row. If you copy the last row, and then just above the final </table> tag…paste it..you will have inserted a new row with the same images as the row you copied. You should now be able to go into Visual view..and edit the individual images.

    An even better “fix”, would be to create a Gallery for the images. Much easier for you to maintain. Here’s a couple of tutorials …

    https://www.wpbeginner.com/beginners-guide/how-to-create-an-image-gallery-in-wordpress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Editing images in gallery’ is closed to new replies.