Cribbage
Member
I've been working on this all day and I'm pretty stuck. I've got this code in my message.css:
.. and I want to make the background-image url conditional based on the usergroup of the poster. Of course I can't do this inside the message.css file, so I created a bunch of custom .css files and called them conditionally within the message template, but I could only succeed in having them shown conditionally based on the usergroup of the /reader/ (rather than the poster). Eventually I was getting backgrounds based on whether or not users from certain usergroups had posted on the page at all, but they applied to the entire page of posts each time, which made me think I was just going about it the wrong way entirely as opposed to just not finding the magic code yet.
How would I go about doing this?
EDIT: My site is cricsim.com, for reference.
Code:
.messageList .message
{
@property "message";
background-image: url('/post_cricsim.png');
background-repeat: repeat-y;
padding-top: 0;
padding-right: 0;
margin-bottom: 20px;
border: 2px solid @primaryDark;
border-radius: 30px;
min-height: 280px
@property "/message
}
.. and I want to make the background-image url conditional based on the usergroup of the poster. Of course I can't do this inside the message.css file, so I created a bunch of custom .css files and called them conditionally within the message template, but I could only succeed in having them shown conditionally based on the usergroup of the /reader/ (rather than the poster). Eventually I was getting backgrounds based on whether or not users from certain usergroups had posted on the page at all, but they applied to the entire page of posts each time, which made me think I was just going about it the wrong way entirely as opposed to just not finding the magic code yet.
How would I go about doing this?
EDIT: My site is cricsim.com, for reference.
Last edited: