How to vertically align text in a...

Aug 28th, 2017 at 10:06 AM
User 2886045 Photo

DragonClaw
Registered User
38 posts

Trying to accomplish this with maybe one or two settings and to not mess with the padding or any of that and worry about it scaling. How do I do this?
Aug 28th, 2017 at 12:21 PM
User 232214 Photo

Bob Visser
COO
827 posts

Vertically centering text was never really possible....until flexbox came along!

Set the display property of the column to flex, then justify: center.

For more on flexbox please consult the extensive flexbox guide we created for y'all :P
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Aug 28th, 2017 at 03:53 PM
User 2886045 Photo

DragonClaw
Registered User
38 posts

I tried that, nothing happened. I checked the guide and I don't see anywhere do download the example listed. I would like to see the settings inside the software to see what I've done wrong and play with the example. Where can I get that?
Aug 28th, 2017 at 04:12 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,398 posts
Online Now

DragonClaw wrote:
I tried that, nothing happened. I checked the guide and I don't see anywhere do download the example listed. I would like to see the settings inside the software to see what I've done wrong and play with the example. Where can I get that?


With whatever element you want to look at selected go to inspector and there is a window which shows the css code (read only)
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Aug 28th, 2017 at 04:19 PM
User 2886045 Photo

DragonClaw
Registered User
38 posts

I am familiar with the read only inspector. How do I edit that code?
Aug 28th, 2017 at 04:27 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,398 posts
Online Now

DragonClaw wrote:
I am familiar with the read only inspector. How do I edit that code?


You cannot (that's why it's says "read only") RSD is all about visual design and does all the coding for you.

The only way to edit the code is to export the project to a HTML editor and do it from there,, which of course will not alter within RSD.
I cannot picture in my head what has happened because as BOB said, it's easy & simple with flexing.
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Aug 28th, 2017 at 04:32 PM
User 2886045 Photo

DragonClaw
Registered User
38 posts

Here is what I've got
Attachments:
Aug 28th, 2017 at 04:49 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,398 posts
Online Now

DragonClaw wrote:
Here is what I've got


here is what I have got
The first column with text (column height set to auto)

the second column with text (column height set to 100px)
Attachments:
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Aug 28th, 2017 at 04:55 PM
User 232214 Photo

Bob Visser
COO
827 posts

Here's a quick example of a column with centered text:

http://bob.coffeecup.com/storage/help/f … d-text.rsd
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Aug 28th, 2017 at 04:56 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,398 posts
Online Now

here is another with flex set to align at the start of the column
Attachments:
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/

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.