Dixie McCall Well-known member Aug 1, 2021 #1 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
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 XenForo moderator Staff member Aug 1, 2021 #2 Add to the extra.less template: Less: .notice-content a.notice-dismiss:before { width: auto; content: "Dismiss notice"; } Upvote 1 Downvote
Add to the extra.less template: Less: .notice-content a.notice-dismiss:before { width: auto; content: "Dismiss notice"; }
ActorMike Well-known member Nov 6, 2021 #4 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; } Upvote 1 Downvote
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; }