Changing a font within a Plain Text field

Design help CMS
1

Hi Forum,

I have a live site which is needing a change to a product name. For the name, I’m using a specific font imported into Webflow called Big Noodle Titling. Cool font, but the ® is ginormous!

The product section is built using a CMS, where all product names are input via a Plain Text field.

I can’t replace the font, so I’m looking to do one of two things: Manually adjust the size of the ®, or replace the ® with another, less obnoxious font.

It doesn’t appear that either of the above two options can occur in a Plain Text field.

If anyone has a solution to this I would love to hear it. I’m stumped.

Image and link below

Thanks in advance

Steve

Screenshot 2023-05-09 at 8.13.49 PM
Screenshot 2023-05-09 at 8.13.49 PM744×772 146 KB

Here is my public share link: [LINK](Webflow - Elan Industries)
(how to access public share link)

2

@Steveio - Custom code is the only way to solve this problem. Using JavaScript you could target the element(s), then search for the mark, replace it with a span wrapped mark that has a class which is styled in a way that you wish.

3

Thanks @webdev . Where do I find that custom code? Or would that need to be written by a pro web guy?

4

Here is an example pen I created for you.

5

That’s awesome! Thanks for doing that, @webdev . Is this a fairly easy process to undertake? I have very limited programming experience regarding code. Can you recommend a video tutorial?

1 Like
6

@Steveio the codepen is the tutorial as I have commented the JavaScript. If you need help for your specific implementation you could enlist my help for a quick paid zoom session. Dm me if you are interested.

1 Like
8

Thanks @webdev . I’ll be jumping into that project next week. If I run into a wall, I will certainly take you up on the offer! Please let me know your session rate. Thanks again, Jeff.