Yes, Webflow allows you to add a stroke to text for an editable CMS title. Here's how you can achieve it:
1. Start by selecting the CMS title element that you want to apply the stroke to. This could be a heading element or a paragraph element, depending on how you have structured your CMS template.
2. Once you've selected the element, navigate to the Style panel on the right-hand side of the Webflow designer interface.
3. In the Style panel, click on the typography settings to reveal the text options. Here, you can customize the font, size, and other text properties.
4. Scroll down to find the "Text Stroke" option. Click on the color box to choose the color of the stroke. You can select a predefined color or enter a custom color value.
5. Adjust the "Width" slider to determine the thickness of the stroke. Play around with this value to find the desired stroke width.
6. If needed, you can also adjust the "Offset" slider to offset the stroke from the text itself. This can create interesting effects like an outer glow or an inner shadow.
7. Preview your changes in the Webflow designer and make further adjustments until you achieve the desired look.
It's important to note that the text stroke feature in Webflow applies to the entire element, not just the text within it. So, if you want to have a stroke applied to specific characters or words within the text, you may need to create a separate element for those parts.
By using Webflow's visual design tools and the ability to customize CMS templates, you can easily add strokes to editable CMS titles and make them stand out in your website design.