XF 2.2 Add background to div.message-cell.message-cell--user

[philmckrackon]

Try to add a background image (.gif) to the cell to the left of a post like this one below (my old VB site.)


I know it's div.message-cell.message-cell--user but am unsure of what to add to extra.less. I need it to anchor to the bottom left of the cell. Any help is appreciated. This is the Xen inspect data.

 

[RobinHood]

Add this to extra.less and replace the URL with the one for your image

.message-cell.message-cell--user {
    background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.Xf0md4XCdS4tKtzBrJEbkQAAAA%26pid%3DApi&f=1);
    background-repeat: no-repeat;
    background-position: left bottom;
}

 

[philmckrackon]

Thanks for the fast and correct reply, works great.
Is there a way to change the width of .message-cell.message-cell?
What if I wanted to put one image above another? Is it best to join them with photo shop or can that be done in css?

Top image:

Lower image:

 

[RobinHood]

I'd use one file. Here it is combined. The jpg is considerably smaller, so I'd use that one.

For the user info block I believe it's Appearance -> Style Properties -> Messages -> User section -> Message user info block width

 

[philmckrackon]

Thank you. I had already made a joined one also... But thanks again.

Thanks for the info on the width, I had searched but missed that.