Hi, refer to my website at https://wardle.com.au/index.html

I used the Coffeecup 'blue' template with Site Designer 3.5

Halfway down the page there are four pictures aligned horizontally but they are of different heights resulting in the 'more' button underneath them to be staggered. Is anyone able to provide advice on how I can align the 'more' buttons horizontally?

Many thanks,
Terry

Hi Terry
are the images on containers that are within another container

I don't have that theme u used so can't check it ouy
you could always post the project file (Zipped) thyen I could see what needs to be done

Give the more links top margin.

Thanks Eric and Wayan,
I cannot attach the zip file because when I do I get an "Internal Server Error" message :-(
The images are:
Picture
Container
Container
Container
Body

I tried top margin on the 'more' links (had to make each button a unique class) and it sort of fixes it but they still vary as the screen size varies within the same break point. I uploaded the changes to my site if you want to see the result.
It's midnight here now so I won't response for another 12 hrs :-) Many thanks for your inputs.
-Terry

You could of course always make the images the same size

then make each container holding the image & button the same size height, then set the container to "flex = column" "and the contents to "Space Between which will align all the same.

Hi Tezza,

I'm working on that Blue theme to convert it to SD3.5. I hadn't got very far yet, and I have been away on holiday, but got home last night. I have taken out just that part of the theme and made it into an SD3.5 component, and it should then be easy to replace the existing row and columns with it. I haven't had different sized images to add in as a demonstration, so instead I just popped in some different sized paragraphs of text to show that the 'more' buttons will line up. While I have been working on this, I see that Wayan has suggested something similar using flex and 'space between'.

Hope it helps.

There are one or two other things you should also be looking at once you have got this present issue solved

There are other images/boxes etc that need adjusting for heights

Some of the paragraphs are too wide for comfortable reading (at the HIGHER end of the devices.

Most of these things are for your visitors visual experience rarther than serious problems, and are mostly at the higher end of the devices, which s becoming more & more common a problem for many people in that they are concentrating on the lower end because that's where Google & others say is the important part, but one musn't forget that there are also many people that use larger monitors also, especially for when they are home.

So as an example on you e-learning page, the paragraphs should really be given a MAX width (say around 1000 px or 1200 px (default) and left right margins = auto to center the paragraphs.

This makes for better reading (scan) for your visitors, as it is well known that the average human cannot scan lines of text that are too long (wide) without the eye wandering off. (hence the old newspaper 2 or 3 columns ploy)

Anyway just a little word of advice. Up to you what you do or think you should do with it.

I also have now done that theme in SDv3.5 with a little bit of change, (called mine "Company Green)

I'm very thankful to all who responded. The problem is now fixed and I have learnt a little more. I ended up using Wayan's advice on resizing the images and using flex. I'm also using all the suggestions to rework some of the website.

Not only does Coffeecup make great applications; the user forums are so proactive. The combination of the two make a very powerful product suite. Well done guys.

-Terry