**SLAB TEXT** Using a class in a text block

Hi there,

So I added Bebas Neue and got that working so I could change h6 to Bebas but as im only using it for ‘BIG’ slab text in a few pages I didnt want exclusivity to h6 especially as the theme uses. It was suggested I set up a class but thats where Ive come unstuck and where ive struggled to find tutorials I can understand.

What are the ‘steps’ to creating a class and then calling it up in a basic text block within the Avia Layout Builder?

Id like to use the words CREATIVE & DIVERSE, where its all 80px size but where ‘CREATIVE’ and ‘”DIVERSE are grey but the letter ‘&’ is in orange. However, the text actually has no spaces between the words so it reads… CREATIVE&DIVERSE. The tricky bit is then making sure that when its is reduced on a mobile device (responsive) that it either shrinks properly or wraps on multiple lines (centred).

I get confused between spans, classes & divs so if someone can help me get started then id be grateful.

P.s. I tried to use WP SLAB TEXT plugin but because it uses the structure of calling up a class and Im not writing it correctly I got stuck on that too. It also uses ‘pipes’ to split the text so advice all round please

Cheers

Andy