Talon Pro Contact Pop Up Background

Hi,
I installed Talon Pro, all ok (other than the customizer import, that didn’t work, but no big deal). Just set up the contact form. The background of the form is black with light letters / icons. I’ve been trying to change this to white background / black letters, but can’t find the settings anywhere. Could you point me in the right direction?

Thanks!

Thomas
http://illutas.com/illutaswp/de/willkommen/

Hi,

There aren’t any settings for it currently, but you can add a bit of CSS in a custom CSS plugin:


.contact-popup {
      background-color: #fff;
}
.contact-popup textarea, .contact-popup input:not(.wpcf7-submit) {
      border-color: rgba(0, 0, 0, 0.15);
}

Let me know if you think it needs further tweaking.

Hi
Thanks for that. I am happy to copy in some CSS, but don’t know my way around too well. Could you tell me exactly where I should copy in this CSS?
Thanks!

Thomas

Hi,

Install this plugin please. Then go to Appearance > Custom CSS and paste the code there.

Hi Vlad

perfect, works, and looks absolutely fine!
Thanks!
Thomas

Sorry, spoke too soon - the close button for the form is now no longer visible, which is a little difficult :frowning:
Thanks
Thomas

Yes, sorry. The button remained white. Add this too please:


.contact-close {
    color: #000;
}

Here’s the code for the contact form on the demo site if you want to use it: https://gist.github.com/vlad706/25d7cc978d4e78a7541c6ce043a01b9d

Hi Vlad

ok, that works perfectly. Thanks!
Regards

Thomas