Change color of Search box

  • Resolved mnatseah624

    (@mnatseah624)


    5 years, 2 months ago

    Hello GP users
    I’d like to change the color of the Search box. At https://generatepress.com/forums/topic/search-box-color/ I came across this piece of code which Leo said “should work”.

    .navigation-search input[type="search"], 
.navigation-search input[type="search"]:active {
    color: #3f3f3f;
    background-color: #3f3f3f;
}

    But I’m afraid it’s not working for me either….
    Does anyone (Leo?) have any ideas on how to make it work?
    Many thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Try this instead:

    .widget .search-field {
    background: #222;
    color: #fff;
}

.widget .search-field:focus {
    background: #000;
    color: #fff;
}

    Let me know ??

    Thread Starter mnatseah624

    (@mnatseah624)

    Hello Tom @edge22. Many thanks. The first piece of code worked a treat.
    God bless

    • This reply was modified 5 years, 2 months ago by mnatseah624.
    Theme Author Tom

    (@edge22)

    Glad I could help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change color of Search box’ is closed to new replies.