LINKS how to have different font styles in one text link

Hi Forum.
Trying to achieve links from headers or inline content that contains italic and roman typestyles (or other combo’s).
Please see attached example - I was after the whole set of words to be the interaction. I have tried span wraps with classes within links selections but the wrap is overridden by the links format / tried text links and buttons but these do not allow for span wraps.
I realise that I can create TWO links and use classes to distinguish then apply the same interaction just trying to have the whole group as one.
Thank you for any pointers


Hello @sqpeg

Is this what you need?

LINKS how to have different font styles in one text link

Let me guess @Pealco you made a Span for each one and then added a Custom Class for the different style fonts?

@KBConcepts no, because the problem is the final step, one link for the entire phrase with all styles… And in the way you said, works but only for text not for one link with all formats (spans) inside…

So there is the Code:

<p style="text-align: center;">
	<a href="">
		<span style="background-color: #ffff00;">how</span>
		<span style="text-decoration: underline;">have</span> 
		<span style="color: #0000ff;">in one</span> 
		text link
1 Like


Thank you for your kind attention @Pealco! excellent,
I placed as a code brick and added a class and rejigged and presto.

I will keep exploring to achieve this :
– to function as an addition a brick to rather becoming a seperate code brick
– as an in-line text element
– to break dependence from the project setting links format.

all the best