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

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

[Typhoon] Hero image bottom aligned with min-height

Started by Bernhard Mies 5 years ago · 1 replies · 542 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 Pedro M, 2 months ago
4 202 2 months ago
Themes & Styling · by Ian, 2 months ago
3 98 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 461 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 52 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 132 3 months ago