Employee Center - Applying Background Image to Homepage Search (clone)

[MichaelCreatura]

Hello,

On our employee center homepage, we are trying to apply a background image to the employee search so it looks like this:

However, it appears the only way of applying a background image is to apply it to the entire container:

Is there a way of achieving this? 

Thanks in advance 🙂

[Community Alums]

Hello @MichaelCreatura ,

This is possible in SP portal using "contain" option in background styling.

But in ESC "contain" option will give u this result:

@MichaelCreatura , Please mark my answer as accepted solution and helpful. If it is works for u.

Thank you.

[MichaelCreatura]

Thanks, @Community Alums but when I do this it looks like the below:

What dimensions does the image need to be?

[Community Alums]

@MichaelCreatura , means it is working for u.

use 1440 × 670 px (sp)  or 2000 × 250 px (esc) dimensions for image. (pls try both)

@MichaelCreatura , Please mark my answer as accepted solution and helpful. If it is works for u.

Thank you!

[MichaelCreatura]

Hi @Community Alums 

Unfortunately, neither of those worked the attached is 2000 x 250 and using the 'contain' but below is the result:

Thank You! 

[MichaelCreatura]

I've managed to achieve the below:

By adding the below:

But now I can't get the search bar and title to sit ontop of the background image!