It worked or the shadow looks simillar with this syntax:
<meta charset="utf=8" />
text-shadow:0 0 10px #260f47, 0 0 20px #250f49, 0 0 30px #260e48, 0 0 40px #260f49, 0 0 50px #26114d, 0 0 60px #25124b, 0 0 70px #24104c;
font:48px "Myriad Pro", Calibri, "Lucida Sans Unicode", Helvetica, "Helvetica Neue", "Lucida Sans","Trebuchet MS", Arial;
font:72px "Trebuchet MS", "Myriad Pro", Calibri, "Lucida Sans Unicode", Helvetica, "Helvetica Neue", "Lucida Sans", Arial;
<div class="headerText" id="name">The Irf's</div><div class="headerText" id="title">Blog</div>
I guess one can not use more than 7 shadows because when I tried to add another, nothing showed.
btw here is the image I was attempting to replace:
Do you think it looks close enough?
Secondly, I was trying to move the first two words up higher 15px as in the image.
I attempted to do this with the margin-bottom:15px; applied to the #name, the id of those two words, however it does not seem to be working.
Could someone help me move the first two words up if he or she doesn't mind?
or trim or clean the code any bit or make it look anymore like the image, if you feel it is not close enough?
I would really appreciate and thanks for all your help thus far.