XenForo Change the color of the Message User Arrow

XenForo · Apr 8, 2021

Step 1 :

Extra.less

CSS:

/* COLOR FOR ARROW IN POSTBIT ** XNFORO.IR */
.message-userArrow
{
    border-right-color: black;

    &:after
    {
        border-right-color: orange;
    }
}
/* COLOR FOR ARROW IN POSTBIT ** XNFORO.IR */

Step 2 :

Fixed Mobile :

CSS:

/* COLOR FOR ARROW IN POSTBIT * XNFORO.IR */
.message-userArrow
{
    border-right-color: black;
    &:after
    {
        border-right-color: #654c22;
    }
}
/* COLOR FOR ARROW IN POSTBIT MOBILE */
@media (max-width: @xf-responsiveNarrow)
{
    .message:not(.message--forceColumns) .message-userArrow::after
    {
        border-bottom-color: #654c22;
    }
}
/* COLOR FOR ARROW IN POSTBIT * XNFORO.IR */

Step 3 :