Skip to content
Grav 2.0 is officially stable. Read the announcement →
Themes & Styling

[Typhoon] Hero image bottom aligned with min-height

Started by Bernhard Mies 5 years ago · 1 replies · 636 views
5 years ago

Hi there grav community!

I'm fiddling around with grav, the typhoon theme and tailwindcss for a while now, adjusting the typhoon theme to me needs.

One thing i really can't wrap my head around is adjusting the hero's background image properties. I think this is mostly a tailwind question though:
The hero image height is depending on the content (title, content, ...). I would like to
a) have the background-image always 'bottom-aligned', meaning it only cuts off at the top with the bottom always visible.
b) having a minimum height even if there is almost no content (e.g. a one-line header). For example showing always 50% height at minimum.

I tried out many different tailwind classes without luck for the hero section:
Bildschirmfoto 2021-11-05 um 18.51.15|690x46

It would be really awesome if someone could give me a hint in the right direction how to achieve this.

Thanks,
GrIIIe

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by stuart young, 2 weeks ago
3 251 2 weeks ago
Themes & Styling · by Sebadamus, 3 weeks ago
5 317 3 weeks ago
Themes & Styling · by martynfoster735, 4 weeks ago
1 310 4 weeks ago
Themes & Styling · by Justin Young, 1 month ago
1 348 1 month ago
Themes & Styling · by Slebeig, 2 months ago
4 474 2 months ago