Getting bullet style on wizard steps

Forms
1

Hi,
Appreciate some guidance, am new to Plumsail. I am using the wizard and I am getting bullet styles on each step that it seems to be picking up from the parent page. Any ideas how to get rid?

wizard
wizard800×311 37.2 KB

Thank you!

2

Hi,

Did you add any custom CSS code to your form?

3

No, but I tried adding custom css to remove the bullets but it had no effect

4

Hmm, strange. It can't appear out of nowhere.

Do you have any console errors? Step into your browser developer tool and check.

5

Hello @coco,

Welcome to Plumsail Community!

Can you please share the page with the form? I think few linse of CSS will solve the issue.

6

thanks for the support. I have used developer tools to narrow it down to the stylesheet entry below
styles

However I have been unable to overwrite it with any css on the style property of the wizard control.

Page is at Pre Plan Test - Cavan County Council

7

@coco,

Please try this CSS:

.fd-form li:before {     
   content: none !important;
}
8

Thank you for the css code but unfortunately it had no impact :frowning:

9

Hello @coco,

Where have you placed the code?

You must add it to the Custom CSS tab:

image
image806×331 15.5 KB

10

[quote="mnikitina, post:7, topic:13327"]

.fd-form li:before {     
   content: none !important;
}

[/quote

Thank you so much for your help, that done the trick. I had been placing it in the style element of the wizard control!

1 Like