Viewing 5 replies - 16 through 20 (of 20 total)
  • As I said before:
    “it’s part of the overall design so it would be better to reduce the space between the images or make the images a little narrower in my opinion. “
    Other wise you have to figure out what the containing element is and changing that will affect all pages. By the way, the images are in a table.
    Try this in your theme stylesheet and you’ll see what I mean:
    div.entry img{width:180px}
    Esmi,
    I know what you mean but the theme isn’t causing the last element to drop to another line, a basic html principle is.

    Thread Starter Drew75

    (@drew75)

    I’m sorry, I originally didn’t have the images within a table, but have since made one, hoping to fix the problem. I’m working on multiple tweaks to the website and had forgotten. ??

    Thank you for the snippet, but I don’t want to mess with the themes css unless I have to per the theme developer, as I don’t want content on other pages to be affected by this. I’ll probably just reduce the overall size of each image a bit and see how that does.

    Thread Starter Drew75

    (@drew75)

    After reducing the overall width of all thumbs down 940 and adjusting them, it looks like I’ve got them all aligned pretty nicely along the page.

    https://thegalleysink.com/galley-collection-pricing-test-2/

    Now I’ve got to get them to behave responsively on smart phones and tablets.

    Looking good. The code snippet was just meant to give a quick demo of the effect of narrower images – not fix the issue.

    Thread Starter Drew75

    (@drew75)

    Thank you. ??

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Aligning images side-by-side’ is closed to new replies.