Overlay headline on featured image.

[MirandaEcho]

Change styling to have article headline overlaid on the featured image, including adding a background to either the headline or an overlay on the image to ensure headline is always visible.

Overlay or headline background - which is easiest?

[joshdarby]

Change styling to have article headline overlaid on the featured image, including adding a background to either the headline or an overlay on the image to ensure headline is always visible.

Where is this supposed to be done? Homepage, article pages, everywhere?

[joshdarby]

"Let's do the secondary headline after the photo w/ the byline after that. Make sense? Thanks again!"

So order should be:

• Headline + photo overlay
• Subtitle/secondary headline
• Byline

[joshdarby]

@MirandaEcho How do we want to handle this for mobile?

We can:

• Not overlay it on mobile
• Do what we did for Workday and put the title below the image like so
• Still overlay the text, just make it smaller so it fits inside of the image container

[joshdarby]

Also, do we want to make the image full-width on desktop like we did for Workday?

Here's how it is at the current size:

[MirandaEcho]

@joshdarby:

1) Is it possible to do the headline on the lower left of the photo vs centered and have a boxed background?

• I'm guessing this will exceed available time left, but let me know if that's not the case.

2) Headline below image on mobile is fine 3) Keep headline photo size as is.

[joshdarby]

Is it possible to do the headline on the lower left of the photo vs centered and have a boxed background? I'm guessing this will exceed available time left, but let me know if that's not the case.

@MirandaEcho Yes, it's possible, but would add probably another 30m-1h of time to this.

[joshdarby]

@MirandaEcho Is this along the lines of what they're hoping for?

[MirandaEcho]

Will send to Pamela and have her take a look. Thanks!

[joshdarby]

@kaylima @MirandaEcho What should the styling look like for a post with no featured image?

Here's how it currently looks with this implementation:

Should we keep it like this or make it look like their current titles? Example: https://investigatemidwest.org/2020/04/10/numerous-nursing-homes-cited-for-problems-in-infection-prevention-programs/

[joshdarby]

This has been deployed to production.