Vertical align bottom for text/ header within a colour section

Hi there,
(Latest WP and latest Enfold as of today.)

i’m working on a one page design with color sections for each content block. One of these should be

60% image background with a header element on top (full width, transparent color background at 0.3 opacity) at the bottom of said section made from color section (#personal-id1)
40% text content made from color section with text-element inside (#personal-id2)

So far i’ve created two color sections with 75% min height and resp. 25% min height and inserted a header element in the first and a text-element in the second.
.
I’ve then tried aligning the header with e.g.

#presonal-id1 h2 { vertical-align: bottom !important; }
among other tries within the quick css of the enfold child theme, but this doesn’t have the desired effect.
How can i achieve this?

Also: How can i provide extra percentage sizes for the color sections (e.g. 60/40) different from the standard ones?

Looking forward to your help!
Thanks

• This topic was modified 8 years, 7 months ago by hpexperten. Reason: corrected css code entry, minor typo