Search Settings Default Color

Hi,
You can customize any layout of Directorist using custom CSS, to change the default colors for the text, borders, and the icons on search form, you can use following CSS:

#directorist.atbd_wrapper .form-control {
	color: #495057;
	border-color: #dbdaf7;
}

If you also want to change the border color of the search bar, then you can use following CSS:

.atbd_content_active .directoria_home_area_wrapper #directorist.atbd_wrapper .atbd_seach_fields_wrapper {
	border-color: #dbdaf7;
}

Or if you want to remove the border of the search bar you can disable it from “Directory Settings >> Search Settings >> Search Bar Border”

To add custom CSS, go to Appearance >> Customize >> Custom CSS and place you custom CSS there

Note: Replace the value of the CSS property with your desire color value

• This reply was modified 6 years, 4 months ago by aazztech.
• This reply was modified 6 years, 4 months ago by aazztech.

Sorry for inconvenience, please use following CSS for customizing placeholder and icons

#directorist.atbd_wrapper .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

#directorist.atbd_wrapper .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

#directorist.atbd_wrapper .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

#directorist.atbd_wrapper span.la {
	color: #000000;
}

.atbd_content_active #directorist.atbd_wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000000;
}