This is really an issue for the Weebly staff, but any input from other people is appreciated.
This is what the contact form on my SITE EDITOR looks like on my end:
Now if you go to my published site, 50% of the time it looks like that, but 50% of the time it looks like this:
I can confirm this is not a browser-specific issue, as this also happens on Microsoft Edge.
If you drag the mouse cursor, you can see any text you type, so it's probably a color issue.
I'm on a Starter plan and I'm using a slightly modified version of Birdseye 2. The same issue still happens with the unmodified theme.
Here are the changed scripts. Anything bold and underlined is what I added.
header.html
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body class="header-page"> <div class="wrapper"> <!--<div class="birdseye-header">--> <div class="nav-wrap"> <div class="container"> <!--<div class="logo">{logo}</div>--> <div class="nav desktop-nav">{menu}</div> <label class="hamburger"><span></span></label> </div> </div> <!--</div>--> <div class="banner-wrap"> {{#header}} <div class="container"> <div class="banner">{content}</div> </div> {{/header}} </div> <div class="main-wrap"> {{#sections}} <div class="container">{content}</div> {{/sections}} </div> <div class="footer-wrap"> <div class="footer">{footer}</div> </div><!-- end footer-wrap --> </div><!-- /.wrapper --> <div id="navMobile" class="nav mobile-nav"> <label class="hamburger"><span></span></label> {menu} </div> <script type="text/javascript" src="/files/theme/plugins.js"></script> <script type="text/javascript" src="/files/theme/custom.js"></script> <div style='display:none'>{title}</div> </body> </html>
variables_dark.less @bg:#000000#1B1F59; @fill: #FFFFFF; @shade:#000000#1B1F59; @font1: 'Birdseye', sans-serif; @font2: 'Montserrat', sans-serif;
I'm not sure what more info I should share, so let me know what else you need. Thank you!
