Return to previous page

Header search bar change color - by slickdream

This topic has 4 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Jack Richardson

  • Avatar: slickdream
    slickdream
    Participant
    June 28, 2016 at 16:44

    I want to change the header search bar color

    From this

    To this

    Is that possible?
    Thank you

    #131490 Copied Theme version: Legenda 3.0.1 WooCommerce version: 2.6.1
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 29, 2016 at 09:50

    Hello,

    Please give us your site url.

    Best regards,
    Jack Richardson.

    #131602 Copied
    Avatar: slickdream
    slickdream
    Participant
    June 29, 2016 at 12:47

    Site is under construction so guest access is blocked.
    I give an account to login and check.

    Please, contact administrator
    for this information.
    #131670 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 29, 2016 at 13:06

    Hello,

    Please use this code in custom.css file:

    .search .et-mega-search form input[type="text"] {
  background: transparent;
  color: #87ADB0;
  border: 1px solid #87ADB0;
}

    How to create custom.css you can watch in this tutorial

    Best regards,
    Jack Richardson.

    #131672 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.