Help achieving this TEXT EFEECT with custom code

Design help General
1

Hi everyone, I need to get this effect with custom code, it is with custom code I think… I´ll atach an image to help to figure out… the effect must be applied to a H1
thanks!!!

2

I was able to achieve this without custom code.

  • Firstly, I would style the H1 as you need (font, size, color)
  • Then select each line (one at a time) and select the ‘wrap with span’ button (screenshot below)
  • Then you just create a new class for that span and add background and left/right padding

Once you have styled your spans for each line you can play around with them and tweak until you get your desired results.

946×172 234 KB

Hope this helps.

Jamie

3

Jamie, this is a smart solution, I’m going to try!
thanks!
Mariano