www.wysiwygwebbuilder.com

Was testing someone's demo project I think the text goes under the fade. In preview things look fine but on publish it has the issue.

Here is the demo project pablo
https://wormhole.app/zDEKY#unHBy8ZsNZyxX2CeSXCgqQ

What do you mean by 'text goes under the fade'?
Where exactly do I need to look?

On the builder it looks fine but when we preview it on the browser. The text is under the green shades as built it was supposed to be under the text and not overlapping them. Results are all the same in all the browser.



check the html pablo
<div class="col-2-overlay"></div>(This has the green overlay gradient fade effect)
<div class="col-2-padding"><div id="wb_Text5"><span id="wb_uid0"><strong>Get in touch</strong></span><span id="wb_uid1"><strong><br></strong></span><span id="wb_uid2"><br></span><span id="wb_uid3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec</span></div><label for="" id="Label1">Name</label><input type="text" id="editboxName" name="Editbox1" value="" spellcheck="false"><label for="" id="Label2">Email</label><input type="text" id="editboxEmail" name="email" value="" spellcheck="false"><label for="" id="Label3">Message</label><textarea name="message" id="editboxMessage" rows="5" cols="53" autocomplete="off" spellcheck="false"></textarea><input type="submit" id="Button1" name="" value="SUBMIT"></div>

To solve this, set the grid system to 'flex'.

Update: now it works. Thanks, pablo.

It works for me, maybe you will need to clear the browser cache?

now it works I did post it did not but then update. The problem was that I had to reinstall the software and then it stared to work. When I did not reinstall even if I did set the grid system to flex it had no effect even if browsers cache was cleaned.

Maybe for the image+overlay there should be an info on hover where it says grid system must be set to flex. Could be helpful or else maybe write it somewhere on the help document help f1 so others may benefit from the information