Keeping Consistent Size - Post ID 283382

User 2601283 Photo


Registered User
219 posts

Is there a way to keep the pieces of this component consistent in size?

As I am using it on my site, the full container remains the same size, but the header and spacing changes with different pictures and paragraphs of text.

Attachments:
User 2699991 Photo


Registered User
4,801 posts
Online Now

Angie Mulligan wrote:
Is there a way to keep the pieces of this component consistent in size?

As I am using it on my site, the full container remains the same size, but the header and spacing changes with different pictures and paragraphs of text.



do you mean the containers with the flowers to be the same size?
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://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,454 posts

Angie, I made that component to be responsive, meaning that it should be resizing along with the screen size. If I understand you correctly, you don't want that. If so, go back to what we did before 2012; give everything fixed widths and heights in px. Don't use %, max and min values. You probably will have to bear with some horizontal scroll bars though.
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 2601283 Photo


Registered User
219 posts

Sorry. I didn’t explain it clearly. I want it to be responsive to screen size, but when it gets to large screen, is there a way to set a max height on the “title” so it doesn’t stretch the box if the paragraphs are different lengths.

http://ilala.org/heroes.html
User 122279 Photo


Senior Advisor
14,454 posts

Will this do?

Mind you, if you have people with very long names, it might be worth using a smaller font size. That, or shorten the name in the head box and write it in full in the text below the image.
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



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.