Always test before saving. Paste into the Custom CSS tab in WalkMe’s Flow Tracker and check it on the real page first. The preview is a close guess at WalkMe’s markup.
Siebel’s live CSS only styles links, so its balloon colours are placeholders.
Border 0 keeps WalkMe’s thin outline.
Applies to the title, text, buttons and launcher.
Colour and shape come from WalkMe’s Design tab; this only adds font and pulse.
!important because WalkMe’s theme would otherwise win.arrow-top colours the top edge). Check the arrow on a real step before saving.data-trg) and Siebel’s trg-1 to trg-9 classes.@import.Checks for selectors that match nothing, rules WalkMe’s theme will override, colours that are almost the same, hard-to-read colour pairs, item IDs in global CSS and rules that reach too far.
Paste CSS on the left to check it.
For when a step needs different wording, like “End” instead of “Cancel”. If the step’s own settings let you change the button text, do that instead.
Screen readers may still read the old word. Paste into that step’s CSS.
For a balloon or survey people shouldn’t be able to close. Add several IDs separated by commas.
Rules are tied to the IDs, so they work in the step’s CSS or in global CSS.