Change text with the CSS

When having text that can’t be changed with the jQuery (in that particular place there is to much javaScriptc that new jQuery don’t affect that particular text) then we need to use CSS:

First make text indent (move text for the x pixels to the left) so the old text isn’t visible.

a{
  text-indent: -165px;
 }

-165px is just an example, see how long is your text and how much it needs to be move in px to be invisible.

After that add a:before to the CSS with the next parameters:

a:before{
    content: "Example";
    position: absolute;
    left: 165px;
    transform: translate(-47px, 0);
}

left: 165px; Move new text to the right for the amount of px that you have indent your text that is invisible.
transform: translate(-47px, 0); Center your new text.

Categotries