new icon text

[Mike]

Can anybody tell me how to change the text to a image
for new icon text?
Thank you in advance

[Chris]

Try the following CSS:

<style>
/* == Replace Proboards New Icon Text With an Image == */

/* Variables  */
:root{
   /* Replace the URL in the line below with the URL of the image you wish to use */
   --new-icon: url(https://storage.proboards.com/forum/images/icons/board-new-post.png);
   --new-icon-width-small: 16px;
   --new-icon-height-small: 16px;
   --new-icon-line-height-legend: 3;
}


.new-icon.new-icon.new-icon {
   color: transparent!important; /* needed to counteract an !important qualifier */
   background: transparent;
   font-size:0px;
   border: none;
   height:fit-content;
}

.new-icon.new-icon.new-icon a{
   color:transparent:!important;
   font-size:0px;
}

.new .new-icon.new-icon.new-icon::after, .legend .new-icon.new-icon.new-icon::after {
   content: var(--new-icon);
   float:none;
}
.legend .new-icon+span {
   display: inline-block;
}
.legend .content td {
   line-height: var(--new-icon-line-height-legend)
}
.recent-threads-button.new .new-icon.new-icon.new-icon::after, .popup_html .new_span>a> .new-icon.new-icon.new-icon::after{
   display: inline-block;
   content: "";
   background-image: var(--new-icon);
   width: var(--new-icon-width-small);
   height: var(--new-icon-height-small);
   background-size: var(--new-icon-width-small) var(--new-icon-height-small);
}
</style>