Contact Form 7
Altering the Required Field pop-ups? (3 posts)

  1. jandreoni
    Posted 4 years ago #

    I've got a series of checkboxes that I have set to display:block so I can add padding to them. But when I do a test submit, this throws off the Required Field pop-up, telling the user to make a choice, and sticks them at the very bottom of the list. How can I set these pop-ups to appear in a set location for these checkboxes?


  2. Takayuki Miyoshi
    Plugin Author

    Posted 4 years ago #

    The styles for the form elements including the pop-ups are defined in contact-form-7/styles.css file.

    span.wpcf7-not-valid-tip {
    	position: absolute;
    	top: 20%;
    	left: 20%;
    	z-index: 100;
    	background: #fff;
    	border: 1px solid #ff0000;
    	font-size: 10pt;
    	width: 280px;
    	padding: 2px;

    You can override this by defining styles with higher priority in your theme's stylesheet.

  3. jandreoni
    Posted 4 years ago #

    Ahh, thank you for the tip Takayuki!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic