How to change the search text color - without changing the design elsewhere?

This topic has 14 replies, 3 voices, and was last updated 8 years by groubee.

Author

Tagged: CSS menu
November 13, 2015 at 14:36 #87104

groubee
Participant

Hi

How can I change the white color you write with inside the search box http://www.skisme.dk/ (click and write inside the search box). I dont want to change the color elsewhere!

best regards

Tonny

Attachments:
You must be logged in to view attached files.

November 13, 2015 at 16:08 #87114

caxyxn
Participant

You can use this in your CSS

#nav-menu-item-search #ajax_searchform input{
color:#777777;
}

Or any color you wish to change it to.

November 13, 2015 at 19:05 #87180

groubee
Participant

Thanks a lot – it work like a charm!

one last think 🙂

How does the CCS look like for the menu item where you are…

ex

You are on this page: http://www.skisme.dk/lejligheder/casa-marietta/ then the menu item text is white… how can I change that? see image.

thanks again!!

Best regards
Tonny

Attachments:
You must be logged in to view attached files.

November 13, 2015 at 19:26 #87197

caxyxn
Participant

You’re welcome.
You’ll need to change your active background (or text) color.
Currently, you have both of them set to white
e.g to change the background to black you can use this CSS

.header-color .dropdown-menu > .active > a{
background-color:#000;
}

Hope that helps?
Cay

November 13, 2015 at 19:34 #87202

groubee
Participant

Hi Cay

Nope that CSS code did not do it?

November 13, 2015 at 19:56 #87205

caxyxn
Participant

maybe adding !important will do it.
i.e.
.header-color .dropdown-menu > .active > a{
background-color:#000!important;
}

November 13, 2015 at 20:01 #87207

groubee
Participant

no 🙁 its still dosen’t change the color.

I am going for today, its not really important, but it need to be shown right. I back tomorrow.

Best regards
Tonny

November 13, 2015 at 20:03 #87208

caxyxn
Participant

Ok.
I guess one of the staff will help out.
I’m just a customer as well 🙂
Best wishes.
November 15, 2015 at 14:27 #87344

sharmstr
Moderator
Try this
COPY CODE
```
.current-menu-item a {
    color: #000 !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
November 17, 2015 at 12:21 #87667

groubee
Participant

Ok – I have tried – but I think I have some kind of cache on my server I cant reset on my own – maybe it works! I will get back asap 😉

Thanks for help!
Tonny

November 24, 2015 at 23:28 #88917

groubee
Participant

I still cant change the font color on the menu item where I am… now it is white bg with whit text, see
http://www.skisme.dk/off-piste-tema-uge/ and go to the menu item “Livigno” dropdown “3”…

What kind of CSS can I use to make the font color black or blue?
November 28, 2015 at 15:07 #89762

sharmstr
Moderator
Put this in your quick css
COPY CODE
```
.header-color .dropdown-menu > .active > a {
    color: #000 !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
November 28, 2015 at 16:18 #89781

groubee
Participant

I have just tried and nothing happens? the code is still there?
see the menu here: http://www.skisme.dk/lejligheder/narciso/
November 28, 2015 at 16:26 #89786

sharmstr
Moderator
You have bad css in your quick css. Once there is an issue with the css, it will stop processing the code.

You have this at the top
COPY CODE
```
#nav-menu-item-search #ajax_searchform input{
color:#777777;
```
You’re missing a closing bracket. It should be this
COPY CODE
```
#nav-menu-item-search #ajax_searchform input{
color:#777777;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
November 28, 2015 at 20:05 #89828

groubee
Participant

YES!!!!!

@sharmstr thanks a lot!! it works now!!
Author

Posts