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

MichaelCreatura
Tera Guru

Hello,

 

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

MichaelCreatura_0-1679045966592.png

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

MichaelCreatura_1-1679046031454.png

Is there a way of achieving this? 

MichaelCreatura_2-1679046053335.png

Thanks in advance 🙂



1 ACCEPTED SOLUTION

Community Alums
Not applicable

@MichaelCreatura , I'm not sure but OOTB u cannot achieve what ur requirement for ESC portal.  Do inspect to figure out the required CSS for set the img in right position write "paddings"and "positioning" on ur css.

 

Thanks.

View solution in original post

10 REPLIES 10

Uday_Kumar
Giga Guru

Hi @MichaelCreatura change the container size to 2,8,2 then you will achieve your requirement.

Hello @Uday_Kumar,


We don't have a 2, 8, 2 container?

MichaelCreatura_0-1679302308972.png

3,6,3 doesn't achieve this.


 

Hi @MichaelCreatura first select 3,6,3 and then click on 3 column and in top right container click on pencil edit icon the change size-md to 2 same process for other two columns as 8,2.

Uday_Kumar_0-1679302737169.png

Please mark my answer helpful and accepted solution if my answer help you.

Thank and regards

Uday Kumar Valapudasu

Hi @Uday_Kumar ,

I tried that but the result was still the same, the image applies to the entire container rather than just that column.

MichaelCreatura_0-1679315154208.png

See @Community Alums helpful responses below, I have also tried with and without the use of the 'Contain' style.