Text Visibility Issue - Sydney

Refer to - http://mjborgrealty.com.au/properties/mario/

The text is white on white background, how can i make text black instead so it is visible on the white background in this section on this page were it shows agents details
Also want the “send” Button text to be white with a black border
Please assist thanks in advance :slight_smile:

Hi,

The text is white everywhere because of this Custom CSS:

.page-wrap .content-wrapper * {
    color: white !important;
}

Please try to make only the text in the form to black with this Custom CSS:

.wpl_profile_container_title, .tel, .mobile {
    color: black !important;
}
  • if this won’t work, then please remove !important from the first CSS after “white”.

Also you can make the button to have black text, black border and transparent background with this Custom CSS:

.wpl_user_contact_container .form-field .btn-primary {
    color: black !important;    
    border: 1px solid black !important;
    background: transparent !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Thanks works well, i had to remove the !important from the other CSS white

I wrote this code to make the border black for where the customer inputs their name phone email and message

.wpl_contact_container .wpl_user_contact_container {
	border-color: black !important;

}

But it did not work can you assist me please :stuck_out_tongue:

Hi,

You can make the input border-color to black with this Custom CSS:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid black !important;
}

Please let me know how it works.

Best Regards,
Csaba

That worked thanks

just another question
refer to this page - http://mjborgrealty.com.au/properties/mario/

see how in the text boxes it says like
FULL NAME - PHONE - EMAIL - Message -
i want those texts to be black instead of grey please as its very hard to see

Hi,

You can change the input placeholder color with this Custom CSS:

::-webkit-input-placeholder {
    color: black !important;
}

::-moz-placeholder {
    color: black !important;
}

:-ms-input-placeholder {
    color: black !important;
}

:-moz-placeholder {
    color: black !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

worked like a charm thanks!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Kind Regards,
Csaba