How to make color behind First letter in text?

Design help General
1

Hello there!
I need to make a little color behind first letter in text. How can I make it?
colored text

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Hey @Joanna24

Please share your read-only link

Piter :webflow_heart:

3

Here You are!
https://preview.webflow.com/preview/tfs-project-46d15f?utm_medium=preview_link&utm_source=designer&utm_content=tfs-project-46d15f&preview=d85be9771ecffba79917e6564e8f858f&mode=preview

1 Like
4

@Joanna24 > https://www.loom.com/share/24adb6d98e754411a2dba5b466788950

Piter :webflow_heart:

5

Thank U a lot!! It is so easy!

1 Like
6

Happy to help :webflow_heart:

Feel free to reach out if you need more help with something.

1 Like
7

I think more accurate would be pseudo element custom code:
.blue-heading::first-letter { background-color: #f36e31; }
It properly maps the letter background no matter the font-size. You can define component class with any name and just add that class to element(s).
P.

1 Like
8

Actually, I already have one more question about photos in flexbox. I have a DIV in which I have 4 photos. And it’s flexbox. So in mobile landscape it’s not going to be in responsive size.
here’s the link.
https://preview.webflow.com/preview/tfs-project-46d15f?utm_medium=preview_link&utm_source=designer&utm_content=tfs-project-46d15f&preview=d85be9771ecffba79917e6564e8f858f&pageId=5f6ddecff4ef0c00dbd6f220&mode=preview
Hope you’ll help me one more time, that would very useful and nice!
Thank You!

9

Good way to do it 100% :webflow_heart: