@iMac1943, Check the page again that I linked to as I have included a demo project for download…
Brad
I looked at your ‘Open Test Page’, well, that’s perfect. I don’t understand why mine was not working.
I’ll try it again. And again till it works.
1 Like
If you go to it again and click on the word project you can download the zipped sample project to compare to
Brad
On the image you show, the closing bracket is missing on your h3 tag at the end of the line… perhaps that is the issue?
Brad
haaaaa! OK, I watch your example carefully. I’m changing mine now…
1 Like
concerning the size of the photos, what is better Scale to Fit or Scale to Fill? What is the difference?
Thank you for your patience Brad. I change the size of the photos, it’s perfect (almost) now.
regards,
Luc
1 Like
I am not happy with he result.
On aMac, the site looks OK. The photos have the (approx) same size.
But on the iPad it looks like this:
some are big, others small, why is that? The Resp 5 Column Fill Mode is ‘Flexible’. Changing it to ‘Fill’ doesn’t change anything.
The Image and the HTML are set to Fill.
Oh, and an other thing. I have the same site but in French. So I use (for the text under the photos) the same formula:
Matelas
but again the text is NOT in the middle.Why???
Using Joes Responsive Columns, when you shrink the page, the images re-align to fill the content area at the breakpoint, hence why they change size when the 5 column is collapsed to a smaller size.
On your French site, did you add the custom CSS previously provided to the global CSS as you did with the other site?
Brad
Hi Brad, about Responsive Columns, I think you mean this:
As you can see, that’s what I used.
About the French site, what exactly do you mean? Custom CSS, I’m confused now.
Yes, the responsive 5 column stack… when it is shrunk in preview, the columns break to still fill the page, so if your browser size is smaller width wise, you may have 4 images on top and 1 under (The dimensions of the images do not stay the same as it is a responsive stack and will fill as required to maintain width).
On your other site did you add the same global css as mentioned above?
.header-center { text-align: center; } .header-left { text-align: left; } .header-right { text-align: right; }
If not then that is why your html content under the picture is not centered… also, Did you change the Header stack to an HTML stack like you did in the other project?
Brad
Whaaaa! Stupid me… Thank you Brad.
yes I changed the Header stack to an HTML stack, but I forgot about the CSS.
Always learning, learning, but with the help of friends. Thank you!
1 Like
Glad you got it sorted and understand a bit better of the pro’s and con’s of such a stack 
Personally, I like how it does it but I can see where you would want exactly the same image size but that wouldn’t really look good either imho.
Brad
it’s OK for the iMac (or PC), it’s less good for iPad. Is it not strange there is such a big difference in size?
You may need to use an image editor or Preview.app to make all your images the same physical size height and width, mine are in my demo…
Brad