Add outline to text on home page

Hi there, I'd like to add an outline to the text on the home page to make it more visible. 

The site is: https://tracyjarretttestsite.squarespace.com

TJsiteconcordia2022

I'd like to an an outline in #faf8f2 instead of the box that's currently there.

Any help would be greatly appreciated!

Thanks.

Add to Design > Custom CSS
 

/* Outline text */
div#block-31ee46d5d1e57ebfa5b0 {
    border: 5px solid #faf8f2;
    background-color: unset !important;
}

Thanks a lot tuanphan. When I put code in, it changed to underline the text, so I deleted it and saved. Now when I re-enter it nothing happens. Any tips?

21 hours ago, ORyan said:

Thanks a lot tuanphan. When I put code in, it changed to underline the text, so I deleted it and saved. Now when I re-enter it nothing happens. Any tips?

I see you figured it out?

Not yet - ideally I'd like to get rid of the coloured block behind the text and just add an outline to the text itself,  like the image attached.

Try this CSS

div#block-yui_3_17_2_1_1686392315923_3388 {
    background: transparent !important;
}

div#block-yui_3_17_2_1_1686392315923_3388 span {
    text-shadow: -2px 0 1px #000, 0 2px 1px #000, 2px 0 1px #000, 0 -2px 1px #000;
    letter-spacing: 5px;
}

Thanks for your response. It does the following shadow instead of outline:

On 6/14/2023 at 2:45 AM, ORyan said:

Thanks for your response. It does the following shadow instead of outline:

Can you add it again?

Amazing. It works now. Thanks so much for your help and patience:)