Colored Borders on Success/Alert

  • Resolved coreymcollins

    (@coreymcollins)


    12 years, 9 months ago

    When a message is sent, I get the “Your message has been sent successfully” message along with a green border around the entire form. On errors, it’s a red border with a message. Is there a way to get rid of these borders? The message itself is fine, but the borders don’t really mesh well with the rest of my site.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    12 years, 9 months ago

    Add this style into your theme’s stylesheet.

    div.wpcf7-response-output { border: none; }

    Thread Starter coreymcollins

    (@coreymcollins)

    12 years, 9 months ago

    No luck… still coming up with the border.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    12 years, 9 months ago

    Then add ID selector at the head of the style to make it more specific.

    Thread Starter coreymcollins

    (@coreymcollins)

    12 years, 9 months ago

    Still no dice. Tried it several ways and it still shows up. I wish this were an option within the control panel, it’s kind of silly to be buried like this.

    Thread Starter coreymcollins

    (@coreymcollins)

    12 years, 9 months ago

    Found what I needed to change in one of the theme’s CSS files. All set now, but still a bit of a pain.

    DDT

    (@ddt)

    12 years, 9 months ago

    @coreymcollins where did you find the border?

    I am testing it in my child theme style.css 

    div.wpcf7-response-output {
border: 2px solid #F3C800;
	color:#FFFFFF;
}

    but it doesn’t seem to work

    Thread Starter coreymcollins

    (@coreymcollins)

    12 years, 9 months ago

    In the plug-in editor, find the file “contact-form-7/styles.css”

    I changed the following and no more borders!

    div.wpcf7-mail-sent-ok {
	border: none;
}

div.wpcf7-mail-sent-ng {
	border: none;
}

div.wpcf7-spam-blocked {
	border: none;
}

div.wpcf7-validation-errors {
	border: none;
}
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Colored Borders on Success/Alert’ is closed to new replies.