Text with stroke

Design help General
1

Hello! I’ve read the forum on text strokes but I can’t seem to make it work with mine. I can’t seem to figure out why.

06%20PM
06%20PM976×228 19 KB

Here is my site Read-Only:

https://preview.webflow.com/preview/da-xi-da-xi-wang-zhan?utm_medium=preview_link&utm_source=designer&utm_content=da-xi-da-xi-wang-zhan&preview=5cc9e8491cf5b01d6ab9a109c13d6657&pageId=5dc3d9a378cf533d99834846&mode=preview

1 Like
2

Hello @Bianca_Are

Here’s a possible solution > https://www.loom.com/share/96d98b8859164b41bb46922af9a4ca9d

So the problem is that you have the color: set to black. The color is the color of the text and this needs to be transparent.

Here’s the code

<style>
  .bold-text-red {
    color: transparent;
    -webkit-text-stroke: 0.9px #ff0000; 
  }
  </style>

Piter :webflow_heart:

1 Like
4

Wow, this worked like a charm! Thank you!

1 Like
5

Happy to hear! :webflow_heart:

6

Same issue here! Any help? Followed code and embedded, but no luck-

https://webflow.com/design/srb-portfolio

Class is “.Stroke”