XF 2.2 Dismiss Notice X

Dixie McCall

Well-known member
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
Add to the extra.less template:
.notice-content a.notice-dismiss:before
    width: auto;
    content: "Dismiss notice";
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;
Top Bottom