Submit Button Invisible

  • futch929

    (@futch929)


    8 years ago

    I have a contact form on a pop-up. Also have a different form embedded in a page.
    On both forms, the submit button is invisible. I have been using these forms for months with no problem. But recently while browsing my own site I noticed that the submit button was not there. When you hover, the button is there but invisible, I can click it and submit but only by hovering around with a mouse until the hand pops up and then clicking.
    I haven’t changed anything before it happened. It is on both forms.
    Any help greatly appreciated. I am beating my head against the wall.
    I have tried CSS to change the color, nothing..

    The page I need help with: [log in to see the link]

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

    (@takayukister)

    8 years ago

    Try switching to the default theme and deactivating all other plugins.

    Thread Starter futch929

    (@futch929)

    8 years ago

    Thank you for your response.
    That is just not an option.
    The contact form worked fine just a week or so ago. The submit button worked fine.
    I haven’t changed the theme or added any plugins.

    The submit button is there, it is just not visible.

    Thread Starter futch929

    (@futch929)

    8 years ago

    I guess I will just delete the plugin, give it a bad review and make my own form.

    luckshen1

    (@luckshen1)

    7 years, 9 months ago

    Hey Futch, was this the only solution to the problem? I’m having the same one. Is there a tutorial on making your own contact form that you know of?

    wpsolutions

    (@wpsolutions)

    7 years, 9 months ago

    @futch929,
    The cause of your problem is that you have some custom css which is setting the background colour of your button to white (#fff) but your page background is white also.

    The CSS code I’m referring to is the following:

    .wpcf7 input[type=submit] {
    background: #fff;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px 1px 3px;
}

    Remove the “background” line above or change the colour.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Submit Button Invisible’ is closed to new replies.

Tags