[Joop WParticipant]

Hi,
Having some trouble with dotted lines in my multi-page gravity form.
On the first page there’s a faint dotted line under the progress bar, and there’s also such a line in the middle of the page. On the second, third, fourth until the tenth page there are two dotted lines, both under the progress bar. On the last page, the eleventh page, there’s only one dotted line.

How can I remove these lines?

Regards,
Joop

[MrinalMember]

Hi Joop,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Joop WParticipant]

This reply has been marked as private.

[CousettMember]

Unfortunately it is hard to give you specific CSS when we don’t have access to the site and pages. We will be happy to give you the CSS as soon as your site is live. I apologize for the inconvenience.

[Joop WParticipant]

Hi,

The website is live!
Could you check out the problem?

Thanks and regards,
Joop

[ChristopherModerator]

Hi there,

Please provide us with the URL of a page includes gravity form.

Thank you.

[Joop WParticipant]

This reply has been marked as private.

[RubinKeymaster]

Hi There,

go to Customizer > Custom > CSS and add following:

.gform_wrapper .gf_progressbar_wrapper { border: none !important; }

let me know if that did the trick!

[Joop WParticipant]

Hi there,

This worked partially. The first dotted lines are gone. Great!!

However, the second dotted lines are stil there.

Do you have another trick for that one too?
– on the first page of the form above the fields ‘name of your organisation’ and ‘your position’
– on the next pages above the questions ‘1.1 HR helps the organisation….in the current situation’ and ‘1.2 HR helps the organisation….in the future situation’

Kind Regards
Joop

[Paul RModerator]

Hi Joop,

You can add this under Custom > CSS in the Customizer.

.gform_wrapper .gform_page_footer {
    border:none !important;
}

Thanks

[Joop WParticipant]

This solved the problem entirely. Thank you very much!

[Paul RModerator]

You’re welcome. 🙂

[Author]

Posts