Skip to content
● Grav 2.2 is out: 2x faster cold starts and 96% less memory on big sites. Read the announcement →

[Typhoon] Hero image bottom aligned with min-height

Started by Bernhard Mies 5 years ago · 1 replies · 721 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 FrViPofm, 4 weeks ago
4 494 3 weeks ago
Themes & Styling · by johan thomas, 5 years ago
1 815 3 weeks ago
Themes & Styling · by stuart young, 2 months ago
3 674 2 months ago
Themes & Styling · by Sebadamus, 3 months ago
5 696 2 months ago
Themes & Styling · by martynfoster735, 3 months ago
1 658 3 months ago