[Theme: Esplanade] Changing Color of Search Form Placeholder Text & Mobile Nav Bar

  • Resolved erichschuler

    (@erichschuler)


    12 years, 7 months ago

    I figured out how to add a Home button by making a customized menu in the dashboard. I also figured out how to change the color of the navigation buttons through .entry-title a:hover, #access li.current_page_item a, & #access a:hover. I managed to change the color of the search form through #header input#s.

    But how do I changed the color of the “Search this website…” placeholder text?

    How do I changed the color of the Navigation toggle bar (the one that forms on mobile devices)? #access .nav-toggle only affects one section of the mobile nav bar, not the entire thing.

    https://www.ads-software.com/extend/themes/esplanade/

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

    (@pseudoxiah)

    I don’t know of any way to change the placeholder text.

    #access .nav-toggle affects only the show/hide button. To change the colors of the entire navigation you need to use the selector #access a in the @media(screen and max-width 640px) media query

    Theme Author Daniel Tara

    (@pseudoxiah)

    The selector #access .nav-toggle controls the styling of the toggle bar.

    Thread Starter erichschuler

    (@erichschuler)

    Thanks! That helped a lot! I figured out how to style the placeholder text through a Google search. You use the selector ::-webkit-input-placeholder and :-moz-placeholder to do that. Thanks again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Esplanade] Changing Color of Search Form Placeholder Text & Mobile Nav Bar’ is closed to new replies.