How do I bold text on a component instance?

Design help General
1

Hi

Can I get some help on something please…

I’m trying to figure out how to bold an h1 where I’m editing the h1 text on a component instance, and where there is no bold version of the font. I can’t seem to use the inline bold. Please see 2 min video for clarification…

Here’s my share link…

https://preview.webflow.com/preview/semh?utm_medium=preview_link&utm_source=designer&utm_content=semh&preview=40abbf0ec7016c9018e7676b025fdd2d&pageId=63bbfac4fe573c16ea7a27e7&workflow=preview

Any help gratefully received.

Thank you, Graham

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

2 Likes
2

I have the same problem, except I would like to make emphasis (like this) on within a paragraph that is part of a component. The text of the paragraph is a component property. If I select text in a paragraph outside the component I get the text formating bar as described here (Inline text formatting | Webflow University), but not when selecting text within component.

Do I really have to unlink all components I plan to make emphasis using text formating in?

3

I’m also struggling with exactly this issue. Did anyone find a way to work around it?

4

Hey Andy, if you’re using a plain text element and property, try using a rich text element and property instead. I believe it will accomplish what you’re looking for.

5

Hi Graham!

I’m late but I wanted to share the a work-around I discovered without using rich text. Here’s how I did it:

  1. I added another heading element, Heading 2, then copy pasted the content to edit where the inline bold would go.
  2. Since I liked how it looked, I copy & pasted this newly edited heading element to the component I have which is Heading Solo (refer to screenshot below).
  3. Deleted the extra heading & published!

Note: This will only work if you copy & paste the within the designer screen and not the settings panel. Hope it works out for you!

Screenshot 2025-02-27 at 11.11.37 AM
Screenshot 2025-02-27 at 11.11.37 AM1706×610 51.6 KB

6

You could even use superscript to apply inline styles! :slight_smile:

CleanShot 2025-02-27 at 09.26.14@2x
CleanShot 2025-02-27 at 09.26.14@2x920×266 19.9 KB

7

For anyone wanting to repurpose styles as @luci recommended, here’s a walkthrough.

In component instances sometimes I need to use a plain text element, but I need much more robust styling on the plain text properties, so I actually go a different route using markdown.

SA5 Markdown now support single-line constructions where you just want e.g. strikethrough or highlight.