Skip to content

How to Combine Multiple Styles on a Text in WordPress?

Updated On : September 27, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Advanced Typography block in Nexter Blocks Pro uses Multiple mode to mix styles in one line, such as an outlined word next to an underlined word.
  • Each item in Multiple mode is its own piece of text, and each item can have its own link and Aria Label.
  • Multiple mode requires Nexter Blocks Pro, and Text Direction and Circular Text are not available in this mode.
Table of Contents

Mixing styles in one line, such as an outlined word next to an underlined word, makes a headline feel designed.

The Advanced Typography block in Nexter Blocks Pro does this with Multiple mode.

For every Advanced Typography setting in one place, see the Advanced Typography block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — Multiple text styles needs Nexter Blocks Pro.
  • Block to enable: Advanced Typography, switched on under Nexter > Blocks in your WordPress dashboard.

Steps

  1. Add the Advanced Typography block and set Select Option to Multiple.
Multiple mode with three text items, each with its own settings
  1. Open the first item and type the first part of your text in Content, including a trailing space.
  1. In Extra Options, turn on an effect for this part, such as Stroke/Fill Options or Continuous Animation.
  1. Set its font in Typography Style and its colours on the Normal and Hover tabs.
  1. Click Add Text for the next part and repeat, then set Alignment. Save.
A sentence where each part has a different text style

Item Settings

GroupSettings
ContentContent, Link, Aria Label
Extra OptionsStroke/Fill Options, Blend Mode, Knockout Text, On Hover Image Reveal, Marquee, Continuous Animation (Pulse, Floating, Tossing, Animation on Hover, Duration Time), Advanced Underline
Typography StyleTypography, Box Padding, Advanced Style (Text Width, Horizontal Alignment, Vertical Alignment)
Normal / HoverText Color, Gradient Color, Text Shadow, CSS Filters, Transform

How It Behaves

  • Each item is its own piece of text, shown one after another on the same line when there is room.
  • Each item can have its own link and Aria Label.
  • Continuous Animation is only available in Multiple mode.

Limitations

  • Spaces between items come from your text. Add a space at the end of an item.
  • Text Direction and Circular Text are not available in Multiple mode.

Troubleshooting

Words run together

Add a space at the end of the previous item’s Content.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before combining multiple text styles in WordPress?

Nexter Blocks Pro is the key requirement, because Multiple text styles only works in the Pro edition. The Advanced Typography block also has to be enabled under Nexter > Blocks in your WordPress dashboard. That matters because the Multiple mode is what lets one line hold separate styled pieces, instead of forcing everything into a single typography treatment.

How do I mix an outlined word with an underlined word in one headline?

The Advanced Typography block in Nexter Blocks Pro handles that with Multiple mode. Add the block, switch Select Option to Multiple, then build the headline as separate text items. Each item can use its own effect, such as Stroke/Fill Options or Advanced Underline, so one word can be outlined while the next is underlined on the same line.

Why do words run together when I split a headline into multiple text parts?

Spacing comes from your own text, not from the block automatically. If words run together, add a trailing space at the end of the previous item’s Content. That small detail matters because each item is treated as its own piece of text on the same line, so missing spaces are usually a content issue rather than a styling bug.

Can each styled word have its own link and label?

Each item can have its own link and Aria Label, so separate words or phrases can point somewhere different without breaking the combined headline. That is useful when a single line contains multiple calls to action or mixed emphasis. Nexter Blocks keeps those items independent even though they render together on one line when there is room.

What settings can I change for each text item in Multiple mode?

Each item has its own Content, Link, Aria Label, Extra Options, Typography Style, and Normal or Hover styling. Extra Options includes things like Stroke/Fill Options, Blend Mode, Knockout Text, On Hover Image Reveal, Marquee, Continuous Animation, and Advanced Underline. That separation is what makes mixed styling practical instead of forcing one global effect across the whole line.

What are the main limits of combining multiple styles on one text line?

Text Direction and Circular Text are not available in Multiple mode, so this setup is built for straight-line compositions rather than curved or directional layouts. Continuous Animation is also only available in Multiple mode, which makes it a good fit when you want animated pieces inside one headline. For related effects, see Create a text stroke outline and Add an underline overlay effect.

Last reviewed: September 27, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53