MyBB Community Forums

As you can see in the picture below I am using the Classic layout:



How can I add a clear border around the avatar?

Thanks in advance.

In postbit_classic template wrap {$post['useravatar']} with a div. Something like that:

<div class="myoutstandingavatar">{$post['useravatar']}</div>

Then add to global.css:

.myoutstandingavatar img {
      border: 5px groove red;
}

Or if it can be in both postbit and postbit_classic, just add styling to img in postbit_avatar template.

Hmm, I know that this should work but it hasn't.

I added

<div class="myoutstandingavatar">{$post['useravatar']}</div>

to postbit_classic

and

.myoutstandingavatar img {
      border: 5px groove red;
}

to the bottom of global.css

I don't know why it won't work.

Probably an issue with your browser cache or your website is taking time to update. Do you use Cloudflare?

Also, open CMD then type in "ipconfig/flushdns" without the quotes and hit enter

Then clear your browser history>restart browser>visit your website

If still doesn't update then hold CTRL and tap F5 multiple times on showthread.

Ahh yeah, I do use cloudflare. When I am next on my laptop I will see if that was the issue.

If you use Cloudflare then you need to purge cache. Also, next time, before doing any other update to the theme; Be sure to go "Under Development" so there aren't any problems with caching.

Okay, I switched on dev mode, purged cache and deleted my cookies and cache from my browser and it shows, however now all the font on my site has changed. It is really weird.