Do you want to create a text stroke outline in WordPress? This simple design element can make your text stand out, grab visitors’ attention, and add a professional touch to your website.
With the Advanced Typography block from Nexter Blocks, you can create a stroke outline text in WordPress.
Best Used For:
- Hero sections where you want outlined headings over a background image
- Call-to-action text that uses a fill-on-hover animation effect
- Creative portfolios and agency sites that need stylized typography
To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block, click here.
Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.
To do this, add the Advanced Typography block to the page and follow the steps below.
1. In the Advanced Typography tab, select Normal or Multiple from the Select Option section.
Select Normal for this example.
2. Then add the text in the Text field.
3. After that, go to Style > Stroke/Fill tab and enable the Stroke/Fill toggle.
Note: In the Multiple option you’ll find the Stroke/Fill Options in each text repeater item.
From the Stroke Width section, you can control the text stroke width.
You can add a stroke color or gradient color and fill color for normal and hover states.
By adding fill color on hover, you can create a text outline to fill animation.
This is how you create a stroke outline text in WordPress.
