search default text color

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
User avatar
thunderchero
Registered User
Posts: 129
Joined: Sun Nov 03, 2013 10:16 pm

search default text color

Post by thunderchero »

Hi Everyone,

I hate to ask, but.

I have been trying to edit the color of the default/placeholder text in search boxes,
text displayed is "Search..." and "Search this forum..."
current color is #333333
search.jpg
search.jpg (21.15 KiB) Viewed 317 times
I tried using browser "inspect" but just can not find this one.

any ideas?
User avatar
Lumpy Burgertushie
Registered User
Posts: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: search default text color

Post by Lumpy Burgertushie »

colours.css around line 32

Code: Select all

.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus, .search-box .button:hover {
    border-color: #C7C3BF;
}
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
thunderchero
Registered User
Posts: 129
Joined: Sun Nov 03, 2013 10:16 pm

Re: search default text color

Post by thunderchero »

no luck tried that one already with this

Code: Select all

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus,
.search-box .button:hover {
	border-color: #C7C3BF;
	color: #c2c2c2;
}
this will change the typed/entered text, not default text before you type or select search box.

any other ideas?
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: search default text color

Post by Hanakin »

browsers do not support it without prefixes https://css-tricks.com/almanac/selectors/p/placeholder/

Code: Select all

::-webkit-input-placeholder {
	color: placeholder-color;
}

:-moz-placeholder {
	color: placeholder-color;
}

::-moz-placeholder {
	color: placeholder-color;
}

:-ms-input-placeholder {
	color: placeholder-color;
}
User avatar
Lumpy Burgertushie
Registered User
Posts: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: search default text color

Post by Lumpy Burgertushie »

sorry, I gave you the wrong part:

colours.css line 990

Code: Select all

.inputbox {
    background-color: #FFF;
    border-color: #B4BAC0;
    color: #333;
}
change the color there and then be sure to purge the cache.

I am not sure what Hanakin is referring to with his post.


robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
thunderchero
Registered User
Posts: 129
Joined: Sun Nov 03, 2013 10:16 pm

Re: search default text color

Post by thunderchero »

thanks Hanakin,

this is code that worked.

Code: Select all

.search-box .inputbox::-webkit-input-placeholder {
	color: #c2c2c2;
}

.search-box .inputbox::-moz-placeholder {
	color: #c2c2c2;
}

.search-box .inputbox:-ms-input-placeholder {
	color: #c2c2c2;
}

.search-box .inputbox:-moz-placeholder {
	color: #c2c2c2;
}
Lumpy,
I had that already changed for "typed in" text. ;)
Post Reply

Return to “[3.2.x] Styles Support & Discussion”