Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Contact Form 7 – Response Box – Center

    • 6 years, 9 months ago edgar
      Participant

      Hello,

      I’m trying to center the response box of the contact form 7, I used the next CSS code but it’s not working, can you help me with this please?

      wpcf7-response-output,
      wpcf7-mail-sent-ok,
      pcf7-mail-sent-ng,
      wpcf7-display-none,
      .wpcf7-validation-errors{
      margin-bottom: 30px !important;
      font-size:130%;
      color:gray;
      font-weight:bold;
      display:block;
      width:100%;
      }

      You can test the contact form and check the response box pulling to the left side.
      Regards.

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello Edgar,

      Please provide to me your online link so i can give you the right code to fix that.

      Regards!

    • 6 years, 9 months ago edgar
      Participant

      Sure,

      Contacto

      You must send a Message to view the response box.

      Regards.

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      Please try to add this line into of code:

       
      div.wpcf7-mail-sent-ok { margin:40px !important; width:100% !important;}

      Regards!

    • 6 years, 9 months ago edgar
      Participant

      That works great!
      Thank you very much!
      Regards.

    • 6 years, 9 months ago edgar
      Participant

      Wait!
      For mobile looks different, I think it’s the margin.
      ¿There’s another rule for mobiles?

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      Ok you can add the line below to fix the problem with the responsive:

      @media(max-width:767px){
      
      div.wpcf7-mail-sent-ok{ margin:0 !important; }
      
      }

      Regards!

    • 6 years, 9 months ago edgar
      Participant

      Yes!
      That works great!
      Thank you.
      Regards.

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password