Use Css to add a stroke to the text in the slideshow

I am trying to give the text in my store’s slideshow have a stroke to the text, but my edits are not working. I have added the following code into {/}theme.liquid and yet it doesn’t seem to be working, nor changing. Is it because I am viewing the mobile version that I cannot see changes, or is there another solution to this? Basically I want white text with a black outline.


You need to make changes in theme.css try adding this code:

.slide-content {
   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: black;
}

You may have chosen the wrong class. To give you more correct advice, write the address of your site.

www.thenewcool.org

currently the style on the live site is not the style I am working on, so the live site may have a different class

Also, I don’t have a “theme.css” file. the closest thing is "theme.scss.liquid

Do you want To Add A Stroke To The Text “The new cool”? Do I understand correctly?

No, (Dang it my “respond via email last night didn’t work”)

We will have another slide there with another tagline, and that tagline will not be baked into the imgage just like how the new cool is on the purple slide. The general idea is to have white text with a black outline around each letter. But generally speaking, yes you are kinda on the right track.

paste this code into your theme.css.liquid file

I did, it didn’t do anything