Container height - Post ID 273113

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

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

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

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

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.