[Solved] Form button present but invisible

[Russell]

Hello: I’m trying to diagnose why a button won’t appear at the bottom of my website’s ‘Request a Call Back’ form in the sidebar.

The page is here:
http://barnesandbarnes.london/contact-us/

.. on the right hand side is a ‘Request a Callback’ form. At the bottom should be a button which reads ‘Send Now’. When I look at the code, the button is there. You need to search the code for ‘Search Now’ to locate it.

But even after changing the CSS to make it stand out, it won’t appear. Any ideas?

A screenshot of what you should be looking at is here:
https://www.evernote.com/l/AAT4TSZi74hHD7C_LcPZOb6-HIJWyQBAvIg

… I’d appreciate any help!

Thanks, Russell

[kwerty]

Hi Russell,

You have set the height on the ‘LI’ element and that’s the reason why you are not able to see the submit button.

#gform_widget-2 {
height: 460px;
}

Delete that height parameter or set the height accordingly.

Thanks.

[Paulie_D]

Yeah…(Great spot).

About 480px looks right and remove the overflow:hidden from the widget class too:

.widget {
    margin: 0;
    margin-bottom: 15px;
    /* overflow: hidden; */
}

[Russell]

Hi kwerty and Paulie_D:

Thanks so much! Those suggestions worked. Good spot.

Cheers, Russell

[Author]

Posts