It happens sometimes we need to change the text in a page which is hardcoded. There is a rather easy thing to do which can be achieved through CSS – “::after” property.


.demo-class{
font-size: 0px;
}
.demo-class::after{
content: "New-Text";
font-size: 12px;
background: #4C6575;
padding: .3em .6em .3em;
border-radius: 0.25em;
}

Above in the 1st part what we have done is – changed the font size to zero. It’ll hide the existing text.
And then in the 2nd part, we’ve replaced the existing text with “New-Text” and added few demo properties.