Trying to create custom css for banner slideshow titles to have a black shadow behind the text

Hello! I'm new to coding, and I'm trying to have the titles/text overlayed on my photo slideshows have a black shadow behind the title text so it can better stand out over my images. I thought this was the right code but it doesn't appear to be changing my text at all and adding a shadow: 

/* Apply text shadow effect to banner slideshow image titles */
.sqs-gallery-block-slideshow .slide-meta .slide-title {
  text-shadow: 2px 2px 2px black; /* Adjust the values as needed */
  color: white; /* Set the text color */
}

Thank you in advance!

That is a code for a gallery block but you appear to be using an Auto Layout section. 

Link to the site please and we can help properly.

6 hours ago, KwameAndCo said:

That is a code for a gallery block but you appear to be using an Auto Layout section. 

Link to the site please and we can help properly.

thank you! it's mirandajohoward.com/career

Use:

/*Add shadow to text on Auto Layout Gallery*/
#sectionid h2.list-item-content__title.preFade.fadeIn {
    text-shadow: 2px 2px 2px black;
}