Home/ Questions/Q 6118765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T15:28:28+00:00

For my vBulletin forum, avatar images are pulled with this: <img src={vb:raw post.avatarurl} alt={vb:rawphrase

  • 0

For my vBulletin forum, avatar images are pulled with this: 

<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" class="forumavatar1" />

Note the class=”forumavatar1″

The css for this class as is follows:

.forumavatar1 {
padding: 2px;
border: 1px solid black;
background: white;
}

But for some reason the black border is not showing. On Google Chrome and Firebug, this border: element is being crossed out ??

Example page, look at someone’s avatar image: http://forums.animefushigi.com/showthread.php?31-So-about-that-dark-theme

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try reading this article on CSS Specificity – in short, your single-class selector is being overridden by a multi-class selector. To fix this (although I wouldn’t recommend this as a permanent fix), you can change your style above to:

    .forumavatar1 {
    padding: 2px;
    border: 1px solid black !important;
    background: white;
}

    I would suggest instead, that you take a look at and modify the style which is overriding it, which is:

    .postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
    border: 0 solid #F2F6F8;
    max-width: 180px;
    outline: 0 dotted #DADADA;
}
    • 0