Container height - Page 1

User 458539 Photo


Registered User
1,647 posts

How do they make a column (or container) so that there is a picture then maybe some copy then a more button and even if the copy paragraphs are different sizes the "more" buttons are on the same level?

Ex
http://tippingproductions.com/tpc/demosite17/
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

Below the text, add a container, display flex stretch. Pop the button into the container, align-self flex-end. You can see the settings in my sharing folder in my signature, the 'simple-cards.rbb' file.
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 458539 Photo


Registered User
1,647 posts

Inger - what if I'm not using Coffee Cup to host?

User 122279 Photo


Senior Advisor
14,651 posts
Online Now

It doesn't matter where your site is hosted. I'm not using CC as a host either.
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 2844004 Photo


Registered User
225 posts

One other solution, using the Equalizer plugin, is all very simple:

- Row
- - | Column (add Attribute: Data Equalizer)
- - - | Container (the intro)
- - - - - Image (100% width)
- - - - - Header
- - - - - | Container (add Attribute: Data Equalizer Watch)
- - - - - - - - [i]Paragraph
text
- - - - - Link button

You can find a demo here, and the file there.

– Richard
Living in Zevenbergen, the Netherlands
13" MacBook Air M1 + 2x LG 24" IPS QHD / 8GB RAM / 500GB SSD / macOS 14.3 Sonoma
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

Richard,
The demo looks fine, but the file does not. It has containers of different heights.

And I think Byron is using Bootstrap.
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 458539 Photo


Registered User
1,647 posts

Yes I'm bootstrap - Tryuing to figure this out. Hoping for the aaaahh moment!
User 2844004 Photo


Registered User
225 posts

Inger wrote:
Richard,
The demo looks fine, but the file does not. It has containers of different heights.

And I think Byron is using Bootstrap.


RSD Currently doesn't preview Equalizer within the app itself yet ... that's a known issue already reported by Mansour. But the browsers show the page as intended. But okay, I didn't realise Byron was using Bootstrap ... sorry about that :)

– Richard
Living in Zevenbergen, the Netherlands
13" MacBook Air M1 + 2x LG 24" IPS QHD / 8GB RAM / 500GB SSD / macOS 14.3 Sonoma
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

Yeah, I should have used a browser to preview. Sorry.
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 2093190 Photo


Registered User
115 posts

Great, thanks.
puncto – grafik & marketing
D - 69126 Heidelberg
https://www.puncto.info
Actually you´ll find my work here: https://puncto.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.