Skip to main content
Nintex Community Menu Bar
Question

How can I bold just the text in a navigation component in a custom header

  • July 10, 2024
  • 7 replies
  • 45 views

Forum|alt.badge.img+3

I have a custom header with some navigation components and I would like the labels for these navigation components to be bold.

This topic has been closed for replies.

7 replies

Forum|alt.badge.img+10

Curtis,

Couldn’t you modify the theme for your custom header (i.e. master page)?

Other wise you can ‘wrap’ your navigation labels with the bold html tag (label').

Thanks,

Bill


Forum|alt.badge.img+17

There are several points that you can try to change the font: 1) create your own theme: You can set your font for navigation in the theme settings 2) theme CSS: you can add additional CSS to the theme to achieve additional customization 3) properties settings on the navigation component. There is an option to add peoperties to the navigation component. I haven’t been successful in getting the font to change other than color, though. 4) Page CSS: you can add CSS directly to your page to adjust the font. There seems to be some conflict if you have a theme that defines the font then you have settings on the component and or/CSS on the theme or page. I have had some trouble getting fonts to do what I want them to do without going back and forth between all four of the above. Hope this helps…


Forum|alt.badge.img+3

I can adjust the size in the Navigation section of my theme, but Bold is not one of the options (Italicize is)


Forum|alt.badge.img+10

Curtis,

Try adding the bold tag to your navigation label…It’s not as elegant as the theme, but it works.

f0ea393bdc93a917b4eaad1414b378392338c121.png

Thanks,

Bill


Forum|alt.badge.img+3

I tried addinghte html tag to the label, but it still did not render the text in bold


Forum|alt.badge.img+17

You can try adding this as inline CSS on your page or theme: .sk-navigation-item { font-weight: bolder; }


Forum|alt.badge.img+3

Raymond,
That worked perfectly.

Thanks.