Staff Member Coded Banner in Mini Profiles

[Alan Vende]

Thank you, @burkeknight. I've used it before, but I'm looking for something that's more customizable than that, if that makes any sense. I wouldn't be able to change the shade of the shadow or color or anything like that; this way, with the code, I can.

[CheatAreZee]

Jan 7, 2015 15:34:14 GMT -8 Alan Vende said:

That fixed that issue. The one I gave you the screenshot for is still there. Thank you, CheatAreZee!

If the text color issue remains, in your custom CSS for it update:

color: #0099ff;

to:

color: #0099ff !important;

See if that helps

[Alan Vende]

Jan 7, 2015 15:49:59 GMT -8 CheatAreZee said:

Jan 7, 2015 15:34:14 GMT -8 Alan Vende said:

That fixed that issue. The one I gave you the screenshot for is still there. Thank you, CheatAreZee!

If the text color issue remains, in your custom CSS for it update:

color: #0099ff;

to:

color: #0099ff !important;

See if that helps

That was fixed that issue; thank you!

[CheatAreZee]

Glad to hear that did the trick, Alan Vende! Thanks for checking back on it

[Alan Vende]

You're welcome; thank you for helping! I don't know what is causing the pictures to come down, though.

[CheatAreZee]

The avatar images?

[Alan Vende]

Yeah; the avatar images in the mini profiles. Sorry about that.

[CheatAreZee]

On line 15 of the mini-profile template:

<br />{if $[user.avatar]}

Remove that <br /> tag and that will take care of one of the line breaks causing a space. You could also consider removing the <br /> from these other lines as well:

Line 6: $[user.group.stars]<br />

Line 10: $[user.rank.stars]<br />

Line 13: {if $[user.custom_title]}$[user.custom_title]<br />{/if}

See how that works out

[Alan Vende]

It's better, I think, thank you! I just realized I think it's because they don't have a Custom Title and I do? Could that be part of it?

[CheatAreZee]

Whether or not you have a custom title, and how long the custom title is would indeed position the avatar differently as well

[Alan Vende]

I just thought of that; sorry about that! Thank you

My last issue, I think, is I can't position my div box in the center. I have the following code:


#staff {
color: #000000 !important;
box-shadow: 5px 3px 5px #888888;
font-size: 10px;
font-weight: bold;
border: 1px solid #000000;
padding: 3px;
text-align: center;
margin-left: auto;
margin-right: auto;
}


I added the margin-left and margin-right. I looked it up on w3schools.com and it said that this is how you align a div box -- the box itself, not the text inside it -- but I was looking in the preview box and it didn't move the div to the middle for some reason.

Thank you!

[Alan Vende]

Oh, and I forgot to mention: I'm the only one of my Staff with a custom title, so that's why I was wondering why the one in the picture especially was like that

Sorry, forgot to say that!

[CheatAreZee]

I would assume the margin left and right you added should do the trick. Even though it didn't show up in the preview, try saving it anyway and see if it actually works with the live forum

[Alan Vende]

The preview doesn't always do what you coded, I've gathered and in that situation, live is better, right?

Thanks, CheatAreZee!

[Alan Vende]

I just went out into the live forum and it still didn't do the trick.