Styling - Fluid Topics

The Fluid Topics in-product help requires specific CSS properties.

They are the following:

Variable name	Description
`--ft-in-product-help-border-color`	Sets in-product help's border color.
`--ft-in-product-help-border-radius`	Sets in-product help's border radius.
`--ft-in-product-help-border-style`	Sets in-product help's border style.
`--ft-in-product-help-border-width`	Sets in-product help's border width.
`--ft-in-product-help-bottom`	Sets in-product help's bottom offset/position.
`--ft-in-product-help-desktop-breakpoint`	Sets in-product help's media query breakpoint for desktops.
`--ft-in-product-help-fullscreen-height`	Sets in-product help's height in fullscreen mode.
`--ft-in-product-help-fullscreen-width`	Sets in-product help's width in fullscreen mode.
`--ft-in-product-help-icon-color`	Sets in-product help's icon color.
`--ft-in-product-help-icon-gap`	Sets in-product help's gap/spacing between icons.
`--ft-in-product-help-left`	Sets in-product help's left offset/position.
`--ft-in-product-help-right`	Sets in-product help's right offset/position.
`--ft-in-product-help-shadow`	Sets in-product help's box shadow.
`--ft-in-product-help-standard-height`	Sets in-product help's height of the help popup.
`--ft-in-product-help-standard-width`	Sets in-product help's width of the help popup.
`--ft-in-product-help-tablet-breakpoint`	Sets in-product help's media query breakpoint for tablets.
`--ft-in-product-help-theater-height`	Sets in-product help's height in "theater" mode.
`--ft-in-product-help-theater-width`	Sets in-product help's width in "theater" mode.
`--ft-in-product-help-top-bar-height`	Sets in-product help's height of the top bar/header.
`--ft-in-product-help-top`	Sets in-product help's top offset/position.
`--ft-in-product-help-zindex`	Sets in-product help's z-index stacking order.

Styling - Fluid Topics - Latest

How to Add In-Product Help