Support » Plugin: Contact Form 7 » How to fix this div

Viewing 3 replies - 1 through 3 (of 3 total)
  • See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter antoniodelgado

    (@antoniodelgado)

    Thanks @buzztone but I can’t find the class which is modifying that green box. Could you help me, please?

    It’s not clear from your description what item you are referring to.​

    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail to find the relevant item.

    Could be following:
    <div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;" role="alert">​​​

    In that case you are probably looking for class wpcf7-mail-sent-ok.​​

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to fix this div’ is closed to new replies.