Custom Postbit BG

[ExoticPeacock]

Hey @Russ,
I know this is probably outside the realm of basic support, but it has been doing my head in - ChatGP has been running me around in circles with it either appearing for everyone or no one and I have been out of the forum game for a few years (as you'd see by my license history here).

So (you liked my showcase on xF then people got side tracked talking about the actual project lol) I am looking to try and have the Postbit (which is vertical) to have a custom BG based on user group. Basically part of my forum is a competition where you are a team - I'd like to place people who are in the same team to have the same postbit background as each other so they can stand out.

Example - You + Me are on a team so when we post around my forums in our postbit there is a low opacity background image to just help us stand out. Bob and John are on Team B so they will be placed in a different 'user group' with their own background. People that aren't in a team are just plain/usual background.

ChatGPT (yeah I know I was hoping to avoid looking like a fool posting on forums for help) took the original code that was posted on XF to achieve this with single user post (originally here) which was originally:

.msgBgByName (@msgBgAuthorName; @msgBgUrl; @msgBgSize; @msgBgPosition: false) {
 
  .message[data-author="@{msgBgAuthorName}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), url(@msgBgUrl);
  background-position: @msgBgPosition;
  background-size: @msgBgSize;
}
.message[data-author="@{msgBgAuthorName}"] .message-cell.message-cell--user {
   background: transparent;
}
}

And turned it into this:

/* User Group 1 Background */
body.userGroup1 {
  background-image: url('background_image_url_group1.jpg') !important;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px; /* Optional: Add padding to space content from the background image */
}

However not sure as ChatAI is completely unreliable at time even for the most simplest of tasks and don't know whether it is about to lead me down a day of frustrations trying to work something out that just isn't going to be worked out?!

 

[Russ]

Hello,

Sorry for the delay. Your post was in moderation queue and I did not notice it. Going forward they should post right away.

Do you want it via usergroups or maybe another idea is to let users "pick" their team from a custom user field? The custom userfield would then add a class to the post bit which you could customize.