Places will only be edited by admins in backend of site.
Unfortunately, one of those admins is visually impaired, so we’re very conscious of the readability required for him.
I note there are two kinds of error messages.
One appears echoed into the page. I have enhanced the readability of it with CSS…otherwise one might try to move off the page without realizing info wasn’t saved.
Tried to put in red background, but the background extends all the way to the left margin and the field label itself! Seemed a little TOO visible.
Is there a way to limit that background?
Here’s CSS to increase visibility for regular message:
/* 2 kinds of error message on editing…
* 1 is the type shown on regular required fields…Category, Address, etc.
*/
/*Below makes a red box with 4 stars before error field…makes you notice it better*/
span.geodir_message_error::before,
span.geodir_message_error::after
{content: ‘****’!important;background:red!important; color: white!important;padding:2px!important;}
{content: ‘****’!important;background:red!important; color: white!important;padding:2px!important;}
span.geodir_message_error::before{margin-right:5px!important;}
span.geodir_message_error::after{margin-left:5px!important;}
/*Makes error message just bigger…if try to alter background, goes all way over to labels.*/
span.geodir_message_error{font-size:1.2em;}
Second type of error messages I see are the ones seen when entering a website without http.
One gets the speech bubble effect. The website message says:
Please enter a valid URL including http://
I see reference to this in custom_fields_input_functions.php and gedirectry-en_US.po,
But…how change the coloring of the bubble and letters within?
Is speech bubble created Using JS?
What CSS can I use?
Tried to figure it out… but lost.
Can you tell me how?
Thanks in advance for any assistance.