Change color of QuickSearch prompt text

[Kim]

Hi all,

I have a little annoyance, just need to change the color of the text prompt that appears in the QuickSearch box

Search...

Please help me track down this little devil, and save my sanity

Many thanks!

 

[steel_curtain]

.textCtrl:-moz-placeholder {
    color: #A0A0A0;
    font-style: italic;
}

 

[Kim]

Thank you kind sir!

 

[Kim]

Actually that didn't work :'( waaahhh

any other ideas?

 

[steel_curtain]

Sorry had to watch the end of the game...

Yep, it appears that's a style property. Did not know that!
It can be changed in the Forms style property group. See below:

 

[Kim]

Sorry had to watch the end of the game...

Yep, it appears that's a style property. Did not know that!
It can be changed in the Forms style property group. See below:

View attachment 22385

Wow.. I didn't realise that was there either Interesting... I love learning new XF things everyday!

.....but not changing that particular text unfortunately, so I am still looking.

 

[steel_curtain]

That didn't work?

 

[Kim]

No sadly it didn't.

I know I have done this once before on a Custom theme, just cannot remember where it was... and that was on 1.0.4 not 1.1 which might have it in a different area.

 

[steel_curtain]

It's working for me on 1.1 changing that property. You sure you're changing the property on the theme you're viewing?

 

[Kim]

It's working for me on 1.1 changing that property. You sure you're changing the property on the theme you're viewing?

LOL I know I can be Ditzy sometimes.. but yeah I am sure

 

[Kim]

I even reverted all my other Changes to #QuickSearch in case it was a conflict, but it still didn't change the color of that text.

 

[steel_curtain]

Hope someone else can chime in with more info. I see that it's grabbing the style property that I linked above in templates.xml and it's tied to the style property definition.

.textCtrl.prompt
    {
        {xen:property formElementPrompt}
    }
 
    .textCtrl:-moz-placeholder
    {
        /* needs to be in its own rule due to weird selector */
        {xen:property formElementPrompt}
    }
 
    .textCtrl::-webkit-input-placeholder
    {
        /* needs to be in its own rule due to weird selector */
        {xen:property formElementPrompt}

 

[Shelley]

you where on the right track with the original css. I've just woken up so not too sure whether that was the response you wanted or whether this solution was what you needed.

here it is you forgot !important

.textCtrl:-moz-placeholder {
    color: #ff0000 !important;
}

 

[Kim]

you where on the right track with the original css. I've just woken up so not too sure whether that was the response you wanted or whether this solution was what you needed.

here it is you forgot !important

.textCtrl:-moz-placeholder {
    color: #ff0000 !important;
}

Sadly that isn't it either, I had already tried the !important.

Not sure where this little imp is hiding!

 

[Paul B]

This works in IE, FF and Chrome.

.textCtrl.prompt {
color: red !important;
}
 
.textCtrl:-moz-placeholder {
color: red !important;
}
 
.textCtrl::-webkit-input-placeholder {
color: red !important;
}

 

[Fuhrmann]

This works for me and Morgain:

http://xenforo.com/community/threads/edit-quicksearch-textbox.22338/#post-281619

 

[Paul B]

There's also a Style Property for it: Forms -> Text Control Placeholder Text as posted earlier.

Either one of those works for me.

 

[Fuhrmann]

There's also a Style Property for it: Forms -> Text Control Placeholder Text as posted earlier.

Either one of those works for me.

But this property will change the color of all placeholders, dont?

 

[Forsaken]

There's also a Style Property for it: Forms -> Text Control Placeholder Text as posted earlier.

Either one of those works for me.

The issue is she's using Opera on an older laptop (Opera scales its resources based on what a machine has available), and the last two declarations are browser specific.

Not sure why the first one doesn't work.

 

[Paul B]

Must be a browser issue then.

I don't use Opera so I can't test it.