Dennis Olson
Member
I have a rank insignia bage that's 121px x 34 px (see below). I've created a css class for it (see below) in extra.less. However, it appears that the "slot" (wrong word but it'll have to do for now) in which the badge would go is too short to accommodate it. How can I widen it? (I only get about half the image.)
.admin-badge {
background-image: url('myURLhere');
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
/*padding-top:40px; */
text-align: center top;
}
I've tried various background-size options but they appear to be ineffective. Any assistance would be most welcome.
ETA: Okay, I discovered that the width of the insignia is dependent on the width of the "user banner" text. I'd like to JUST have the badge without any banner text. Is something like that doable?
.admin-badge {
background-image: url('myURLhere');
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
/*padding-top:40px; */
text-align: center top;
}
I've tried various background-size options but they appear to be ineffective. Any assistance would be most welcome.
ETA: Okay, I discovered that the width of the insignia is dependent on the width of the "user banner" text. I'd like to JUST have the badge without any banner text. Is something like that doable?
Last edited:
