... la soluzione più semplice è creare l'immagine con già il testo come vuoi tu utilizzando un programma di fotoritocco 

Ciao, Nell'anteprima del sito clicchi con il destro e fai ispeziona per individuare il blocco che vuoi modificare

di solito devi espandere "Content container" cmq ti sottolinea i blocchi quando ci passi sopra, una volta trovato inserisci il codice all'interno della pagina al passo 3, selezioni la pagina dove lo devi inserire e clicchi proprietà.

in esperto inserisci il codice copiato all'interno di <style>...</style>

ad esempio 

<style>

#imTextObject_3_01 {

font-style: normal;
font-weight: normal;
line-height: 19px;

}

</style>

sotto alle righe già presenti inserisci 

text-shadow: 1px 1px Black;

Poi regoli il valore di conseguenza colore e spessore e distanza.

dovrai avere quindi del codice tipo questo:

<style>

#imTextObject_3_01 {

font-style: normal;
font-weight: normal;
line-height: 19px;
text-shadow: 1px 1px Black;

}

</style>

Spero di essere stato chiaro

ciao

Ciao,

a questo indirizzo trovi un piccolo video che mostra come applicare l'effetto ombra.

Raccolta Video

Saluti

per il bordo su tutto il carattere, invece dell'ombra solo da due lati, potresti provare così...

<span style="text-shadow: -2px 0 red, 0 2px red, 2px 0 red, 0 -2px red;">SKEGGIA</span>

oppure molto più semplice, scegliere una font "outline" cioè con il solo bordo... ad es su Googlefont Londrina outline o simili...

Allora invece di usare il testo, usa l'oggetto titolo.

Ti permette di inserire ombra e molto di più.

Ciao