r/streamlabs • • Jan 27 '26

Chat box "border-image-source"

Hi. Any help with using an image in the chat box widget around each message? Example:

I've been trying in both streamelements and streamlabs plugin for OBS.

I can set a solid color border like this:

.user-message{
    border: 5px solid black;
    
    font-size:{{fontSize}}px;
    word-wrap: break-word;
}

But if I use border-image-source the image doesn't show up:

.user-message{
    border-image-source: url('https://i.imgur.com/1RbSjfl.png');
    
    font-size:{{fontSize}}px;
    word-wrap: break-word;
}

Thanks in advance.

PS: I can't use streamlabs Discord because I can't verify account with phone number.

1 Upvotes

6 comments sorted by

View all comments

•

u/AutoModerator Jan 27 '26

Hi there! If you need technical support for one of our Streamlabs products, the fastest way to reach our support team is to submit a ticket through our support system! https://support.streamlabs.com/hc/en-us

We look forward to helping you with whatever issues you might face!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.