XF 2.2 Dismiss Notice X

[Dixie McCall]

Is there any way to change the "X" on the notice to text? I would prefer to actually see the text "dismiss notice" rather than an X with a tool tip.

Thank you

 

[Paul B]

Add to the extra.less template:

.notice-content a.notice-dismiss:before
{
    width: auto;
    content: "Dismiss notice";
}

 

[Dixie McCall]

Thank you Brogan.

 

[ActorMike]

I don't know if this is the proper way to do it, but I added this to my extra.less to make it bold, get rid of the opacity and increase the font size & also keep the "X". If there is a better way to clean up the CSS LMK.

I think this is a better UX.


//Notice Dismiss "X"
.notice-content a.notice-dismiss::after {
content: "Dismiss";
opacity: 100;
float: right;
color: inherit;
font-size: 16px;
line-height: 1;
height: 1em;
box-sizing: content-box;
padding: 0 0 5px 5px;

-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
cursor: pointer;
}

//Notice Dismiss "X"
.notice-content a.notice-dismiss {
opacity: 100;
}