Font background wrap

[AGH]

Hi all.

Just seeing if anyone knows how to wrap the background of a font? ive attached an image to show the issue on mobile

Thanks for the time.

Gareth

[Stan (justAnotherDeveloper)]

@AGH

background of a font

Hi @AGH here is simple example

It si always better to share “read only”

[AGH]

Hi Stan Thanks for having a look!

I was trying to get it working inside webflow, but you are no doubt right; i’ll have to work this out in css

Here’s the read-only link: - it’s only happening on mobile, the problem is fonts have no white background, and I need it editable by the client, so ideally not two separate lines but one line that wraps

https://preview.webflow.com/preview/cosmic-joke?utm_medium=preview_link&utm_source=designer&utm_content=cosmic-joke&preview=60648b1a18338f71dbf4045dd7cb8a43&pageId=60f9d05b53adf36846d07d69&workflow=preview

BIG CHEERS!

G

[Stan (justAnotherDeveloper)]

Hi @AGH easiest way is to wrap each word into span and give span background color. If you need text to be editable (why?) you will need JS to do this for you.

dont forget to clean your subheading background

[AGH]

Hi @Stan; Awesome, thanks a lot for this, I have been educated! cheers Pal