[Resolved] Fluid text blocking

[Gerva]

Morning all.
I’d like to replicate a feature of this test site of mine done with Divi, regarding the White Leader text positioned “in the middle” between containers.

I have +/- solved dynamic text resizing depending on browser size using CSS viewport clamp, although it is not perfect 🙁
But I just can’t figure out how to clamp the text/container to the “middle” between the containers.

Now that I am used with Generatepress working with Divi is almost complicated and slow … so I don’t want to report effects or anything but just this little design trick.

DIVI test site https://corsi.e-consultant.it/

Any ideas on this?

Thank you very much

[David]

Hi there,

i would use the seeings on that headline:

line-height: 1em;
margin-bottom: -0.25em;

by setting the line height to 1em, you remove the extra space around the text.
then suing an em value for the bottom margin will keep that responsive as the font size changes.

[Gerva]

You are a great … I don’t know what I would do without you
It works great now i finalize it
Paid coffee … Thank you very much

[David]

Awesome – glad to hear that. And thank you so much, thats very kind of you!!

[Author]

Posts