Outline stroke text

Hi,

Thanks for your feedback and kind words about Twentig!

We won’t be adding outline stroke text directly to the plugin because its appearance can be inconsistent with different fonts.

However, you can achieve this with custom CSS. Add this code to the Additional CSS panel (click Appearance > Editor, then click Styles, then the three vertical dots, and select Additional CSS. Screenshot: https://twentig.com/wp-content/uploads/2024/11/image.png)

.text-stroke {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: currentColor;
}

Then, select your Heading or Paragraph block, go to its Advanced settings panel, and add text-stroke to the ADDITIONAL CSS CLASS(ES) field.

You can change 1px for thickness or currentColor to a specific color.

Hope that helps,
Yann

Would you mind leaving us a quick review on our plugin page? This allows us to continue providing great features and helps other users to find us. 😀

Thanks so much. More features are on the way!