Reply To: Formatting issues

#15191
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi,

1. That is because of that weird script that ‘creates’ labels before input fields. It appears that the placeholder text is moved to one of these labels, but of course that is not visible. The best solution would be to simply disable that script, or at least make an exception to not randomly modify the nodes within the search bar.

Alternatively, you I have made a small script that may help, which replaces the placeholder text after page load.
Add this custom code to the functions.php in your theme/child theme directory (copy from line 3 only!). Before editing, please make sure to have a full site back-up just in case!

This should hopefully do the trick, but please note that this is only a bypass solution, so I cannot guarantee it will work in all possible cases.

2. I think so. This custom CSS code seems to do the trick on my end:

.wpdreams_asp_sc-3 {
    background: transparent !important;
}
div.wpdreams_asp_sc-3.ajaxsearchpro div.probox {
    background: transparent;
}

It looks like this to me: https://i.imgur.com/cgJOI3c.jpg
Since there are multiple elements stacked, I believe browsers automatically place white backface below stacking background, but this should work out in most cases.

You will have to clear your cache to see the changes.

Best,
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)