cf7 progress bar is shown but does not work

  • wilson1983

    (@wilson1983)


    3 years ago

    Hi,

    I am trying to use cf7 progress bar with cf7 multi step (free) as well as cf7 conditional fields (free).
    I am also using the OceanWP Theme.

    To test cf7 progress bar, I added the follwoing code to the page of my second cf form. I added it to OceanWP Settings –> Shortcodes –> Shortcode after Header. It is shown and it hovers in a color I am using, but it doesn’t show the progress step2/4 like it should. When I add the color attribute after the mandatory Shortcode attributes like shown in the code below the bar disappears, the label is still visible. I tested several colors, same result.

    My Progress bar code:
    [cf7-progress-bar bar_fields=”Fahrwerkswartung 1|Fahrwerkswartung 2|Fahrwerkswartung 3|Fahrwerkswartung 4″ form_name=”service02″ color=″#000000″]

    My Form:
    [contact-form-7 id=”431″ title=”Fahrwerkswartung 2″ html_id=”serviceanfrage” html_name=”service02″]

    Any idea whats wrong? Why does it not show the progress properly?

    Whats wrong with my color attribute?

    Which are the CSS codes to style it a bit? E.G. centering it in the middle of the page and maybe change the color as well as to make it responsive?

    Is it possible to change the label text from “Complete” to sth. else?

  • The topic ‘cf7 progress bar is shown but does not work’ is closed to new replies.