To overlap text in your profile, first go to “Edit Profile.” Then add the following code to the “About Me” section or any section you want the overlapping text to appear:
<p style="line-height:15px;text-align:center !important;"><span style="font-size:40px !important;color:ee8800 !important;font-family:Times New Roman !important;letter-spacing:-2px !important;">ROCK</span><br><span style="color:eeff00 !important;font-family:Times New Roman !important;font-size:30px !important;letter-spacing:-5px !important;">ME!</span></p>
You can replace the words “ROCK” and “ME!” with any words you want. To change the colors in the above code, substitute different color codes from the HTML Color Code chart where it says ee8800 and eeff00. You can also change the font styles of the words by substituting different font styles such as Arial, Courier, Verdana, etc. where it says font-family:Times New Roman. To change the font size, substitute different numbers where it says font-size:40px and font-size:30px. By trying out different px numbers in the code, you can create different looks with your text.
Hit “Save All Changes” and then view your profile. This is an example of what your profile will look like after adding this code:
Categories: Overlap | Text | Font | Style