Images in Architek template - Post ID...

User 2945920 Photo


Registered User
9 posts

Hi,
In live preview, the Near page in the Architek template has three images. In my Firefox and Edge, the right one is taller than the other two. The text below the image is thereby lower than the text below the other two.

When I use the template with identically sized images (648x480), the middle image is taller than the other two, with the text below it lower than the other text.

Suggestions, anyone?

KA
User 122279 Photo


Senior Advisor
14,535 posts

You need to change the grid settings for the parent container, '.articles-3-columns'. The columns in the grid have been set to width 'auto', which is a bit like random. If you change the width to 'fr' instead, the number 1 will pop up automatically, and all three columns will then have the same dimensions. Make that change after the 2nd purple breakpoint from the left.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2945920 Photo


Registered User
9 posts

Thank you for your quick reply. :)

I've never got the hang of SD, so I still use the Editor. But I tried it in SD and it doesn't seem to fix anything, so I guess I didn't find the right settings. It would be awfully sweet of you if you could share a screen shot. Or better still, a piece of the css that I could copy and paste?

KA
Attachments:
User 122279 Photo


Senior Advisor
14,535 posts

I can be 'awfully sweet' if need be. :cool: Since I was out this evening and have just come back (23:30) I have just made some screenshots for you.
Make sure you have the breakpoints enabled (pic-1)
Push the slider past the 2nd purple breakpoint, open the element tree and find the container 'articles-3-columns', and click on the wee blue and white marker (pic-2)
Edit the grid settings as I have described and click OK (pic-3)
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2945920 Photo


Registered User
9 posts

You're just awesome. :D

Jeg kan ikke noe for det, men jeg foretrekker manuell girkasse og Editor, selv om jeg ser at det kanskje kan være bedre med automatgir og SD. Muligens et nyttårsforsett på gang her.
User 122279 Photo


Senior Advisor
14,535 posts

Jeg bruker begge, men når det er snakk om CSS Grid, foretrekker jeg 'automatgir'. Bilen min har imidlertid manuelt gir. :D

(Just a bit of small talk here - in our own language - about our preferences regarding the HTML Editor and SD)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,057 posts
Online Now

Inger wrote:
Jeg bruker begge, men når det er snakk om CSS Grid, foretrekker jeg 'automatgir'. Bilen min har imidlertid manuelt gir. :D

(Just a bit of small talk here - in our own language - about our preferences regarding the HTML Editor and SD)

So is that's what we call 'DOUBLE DUTCH' in English??
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 122279 Photo


Senior Advisor
14,535 posts

Probably, if an Englishman/American is not able to understand anything but English. :lol:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.