background and avatar in postbit

[leanndamiann1]

How about it is possible that in the postbit you can see the cover image in the background and in the middle the avatar like this image ??? thank you

 

[shqawe]

You can add any image as background for .message-user class for example i add the image you provide as background by using below code:

.message-user {
    background: url(https://enxf.net/attachments/captura-de-pantalla-2023-08-06-144355-jpg.36274/);
    background-size: cover;
}

 

[DareSec]

How about it is possible that in the postbit you can see the cover image in the background and in the middle the avatar like this image ??? thank you

View attachment 36274

leanndamiann1https://enxf.net/resources/joyfreak-postbit-cover.2762/

 

[leanndamiann1]

https://enxf.net/resources/joyfreak-postbit-cover.2762/

DareSecCan't be done automated and not manually? Example: when they upload a cover image, let that be the image

thanks

 

[shqawe]

Can't be done automated and not manually? Example: when they upload a cover image, let that be the image

thanks

leanndamiann1It's easy to do that:

Find in post_macros template this code and be sure it's inside full_body extension:

<div class="message-cell message-cell--user"

Replace it with:

<div class="message-cell message-cell--user" style="background: url({{$post.User.Profile.getBannerUrl('l')}}); background-size: cover;"