1. Home
  2. Knowledge Base
  3. Multiple Themes
  4. CSS Snippets
  5. Topbar Search Placeholder Text CSS Virtue and Pinnacle

To adjust the placeholder text’s font within your topbar search, add this CSS to Theme Options> Advanced Settings:

#topbar-search input[type=text] {
    color: #42c0c6;
    font-size: 16px;
}

#topbar-search input[type=text] ::-webkit-input-placeholder {
    color: #42c0c6;
    font-size: 16px;
}

#topbar-search input[type=text] ::-moz-placeholder {
    color: #42c0c6;
    font-size: 16px;
}

#topbar-search input[type=text] :-ms-input-placeholder{
    color: #42c0c6;
    font-size: 16px;
}

Add custom font properties to the CSS as needed.

Topbar Search Placeholder Default:

placeholder-default

Topbar Search Placeholder Custom:

Was this article helpful?

Related Articles