Hi everyone, I checked everywhere via F12 but I couldn’t find it. How can I change the text color? [Ekran görüntüsü 2024-05-09 224719] When searching, the text is white. I want to change the color before searching.

That would be the placeholder text for the input. You can target that using ::placeholder pseudo element in your CSS. [image] ::placeholder CSS pseudo-element - CSS | MDN The ::placeholder CSS pseudo-element represents the placeholder text in an or element.

Thank you @keegan :pray: ::placeholder { color: #hexcode; } Worked :slight_smile:

I’m glad you got it working! Just a heads up, the code snippet you provided actually targets all input fields on the entire site and updates their placeholder text color. Perhaps that might not be your intention and thus it may be good to add some specificity to your selector. For example, if you are aiming to target the search input in the search menu only, you can do something like this: .search-menu #search-term::placeholder { color: #hexcode; }

Yes, I first tried it as you wrote, but I wrote it differently. When I got an error, I just wrote the placeholder code and ran it. Thank you for your interest. :pray:

Js.search.title how to change color?

Development

ogulcan1787 May 10, 2024, 2:20pm 3

Thank you @keegan

::placeholder {
  color: #hexcode;
}

Worked

Topic		Replies	Views
Credit Card placeholder text black on dark theme UX subscriptions	3	814	June 24, 2022
How to modify the input box placeholder。 Product Support	2	838	October 17, 2019
Help with locating the correct CSS location to change color of specific text Development	5	329	December 31, 2025
How to make the Search Banner text use primary instead of sceondary color? Development search-banner	0	209	January 31, 2022
CSS Conflicts In Header Development css	3	662	October 14, 2022

Js.search.title how to change color?

Related topics