XF 2.1 Changing the avatar icon on new thread line

TechBill

Active member
Screen Shot 2019-12-18 at 1.58.22 PM.webp

On the very first line where a user can create a new thread in each forum, is is possible to change that blue "T" avatar to a "New Post" badge instead at same width as the circle but in rectangle badge form?

I think it will help the new users to spot it right off that they can create a new thread by entering a subject right off the bat.

Bill
 
Haven't tested this too much... but appears to be working. Place this in extra.less:

Code:
form.structItem .structItem-cell.structItem-cell--icon
{
    .avatar { display: none; }
    &:before
    {
        content: "New Post";
        font-size: 11px;
        background-color: rgb(24, 88, 134);
        color: #FFF;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        text-align: center;
        display: flex;
        align-items: center;
        line-height: 1.1;
    }
}

Results in:

Screenshot_4.webp
 
Haven't tested this too much... but appears to be working. Place this in extra.less:

Code:
form.structItem .structItem-cell.structItem-cell--icon
{
    .avatar { display: none; }
    &:before
    {
        content: "New Post";
        font-size: 11px;
        background-color: rgb(24, 88, 134);
        color: #FFF;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        text-align: center;
        display: flex;
        align-items: center;
        line-height: 1.1;
    }
}

Results in:


Thank you! I will give it a try!
 
Back
Top Bottom