Text Invisible in Signup Forms

  • I am having an issue with the email signup form on my site. It’s created with SendinBlue (email marketing provider) and embedded on my WordPress site by pasting the form’s HTML into a page. When I preview the form on Sendinblue’s site it’s fine. However, when I post it to my WordPress site the text fields are there but any text entered is invisible or transparent. If you highlight the text you’ve entered you can see it and the form works correctly. I’ve tried disabling all plug-ins on my site and that didn’t change anything. Since the form works correctly on its own page with Sendinblue it seems something with WordPress is what is causing the issue. Any ideas?

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

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

  • You just need some styling fixed

    Adding this additional CSS ( e.g. customizer>additional css ) should fix it

    .sib-form .entry__field {
  color: black;
}
    Thread Starter tylrwnzl

    (@tylrwnzl)

    Thank you @alanfuller

    I added a plugin to add CSS to a specific page only and added that CSS code, but alas the behavior is still the same. :/

    Well it is the fact that your default text colour is white in your theme.

    body.site-dark {
  background: #000;
  color: #fff;
}

    You shouldn’t need a plugin to add CSS there is a built in customizer>additional CSS – are you sure the plugin works correctly?

    Are you sure you got the CSS right? As what I gave you is more specific than your theme.

    you could try

    .sib-form .input {
  color: black;
}

    Less chance of missing the double underscore

    the css I gave you would apply to just the sib form but if you want a specific page you don’t need a plugin just specify the page class

    e.g.

    .page-id-1686 .sib-form .input {
  color: black;
}
    Thread Starter tylrwnzl

    (@tylrwnzl)

    I wasn’t sure if adding it globally would cause any issues so I added a plugin that would allow me to do it just on that specific page. But I suppose it wouldn’t have any issues since that’s the only page with a SIB form.

    Thread Starter tylrwnzl

    (@tylrwnzl)

    @alanfuller that fixed it! Thank you so much!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Text Invisible in Signup Forms’ is closed to new replies.