Search input placeholder color

  • Resolved tatennis

    (@tatennis)


    4 years, 10 months ago

    Hi,

    I would like to change the color for the Search input placeholder to white. I can not do it in the plugin itself. Can you help me with the shortcode?

    Best regards
    Niclas

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    you can change placeholder properties via css like below

    .dgwt-wcas-sf-wrapp input[type=”search”].dgwt-wcas-search-input::placeholder {
    color: blue;
    font-family: Arial;
    font-weight: 500;
    }

    you can also change font properties too, if you want.

    Thread Starter tatennis

    (@tatennis)

    Hi,

    in my case the shortcode does not work. I also added the notice !important behind the color. Nothing has changed.
    Can you please verify the shortcode?

    Plugin Author Damian Góra

    (@damian-gora)

    Unfortunately, it requires different statements for different browsers. Here is the complete answer:

    
.dgwt-wcas-search-input::placeholder {
    opacity: 1!important;
    color: #fff!important;
}

.dgwt-wcas-search-input::-webkit-input-placeholder {
    opacity: 1!important;
    color: #fff!important;
}

.dgwt-wcas-search-input:-moz-placeholder {
    opacity: 1!important;
    color: #fff!important;
}

.dgwt-wcas-search-input::-moz-placeholder {
    opacity: 1!important;
    color: #fff!important;
}

.dgwt-wcas-search-input:-ms-input-placeholder {
    opacity: 1!important;
    color: #fff!important;
}

    Best
    Damian Góra

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