• Im trying to create 3 images side by side on my homepage. Very large images, the problem is that within wordpress visual/HTML editor the images are too big to be side by side. The last image is push down below them.

    https://subella.com

    How can I get all 3 side by side?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Toggle to full screen mode and review the CSS for inline images.

    Thread Starter C.Flores47

    (@cflores47)

    Thanks

    Your content will fill the max width of your content area, which you could increase if you need more width.

    Post a link to the site with the 3 images and I’ll see if I can preview a potential css fix.

    Thread Starter C.Flores47

    (@cflores47)

    Well the first thing I checked was my content margins, I set those to super wide margins that I knew would fit the 3 pictures, I think i set it for like 1500px, and the pictures still wouldnt align side by side, so then I figured it had to be something within either the HTML, or a preset content width somewhere else in .css.

    The problem ended up being an accidental break that somebody put between the 2nd and 3rd picture. I mustve missed it the first few times I checked the HTML.

    Thanks for the input guys. IT was my simple mistake I just didn’t see the break.

    Have a good day/night

    -Chris

    The break was most likely inserted when three images exceeded the width to fit them horizontally…and will likely occur again…unfortunately, when one resizes large images in the post editor, it does not fix extra tags it added…just do the math required for image size, margin, padding, and container width and you will know what size to make those images (or thumbs) initially.

    Review that images are not resized in the browser on page load as this impacts page render time negatively.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Creating a 3 section column of images’ is closed to new replies.