Support Forums

Looking for support? You can access the support system via your account.

Forums Forums Search & Filter Pro change color input field

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • massimo scolari
    #201954

    good morning,

    I’m trying to change the color of the placeholder and the background of the “input.sf-input-text” field, but it does not take my code.

    code:

    input.sf-input-text{
    
    background-color:#f2f2f2;
    
    color:#00bf95;
    }

    here is the test page I’m working on:https://www.riplove.world/aaa/

    thanks
    Massimo Scolari

    Trevor Moderator
    #201965

    Your code would need to look more like this:

    form input[type="text"].sf-input-text {
      background-color:#f2f2f2;
      color:#00bf95;
    }

    I think. You also need to clear the Autoptimize cache, as well as any page caches you have.

    massimo scolari
    #201976

    how can I get the same thing for the input select field?

    thanks

    Trevor Moderator
    #201984

    Something like this (to do them all):

    form.searchandfilter select {
      background-color:#f2f2f2;
      color:#00bf95;
    }

    I think.

    massimo scolari
    #201990

    thanks Trevor you are very kind ….
    can I ask you one last thing?
    if you look at the page and the drop-down fields when you go over an item with the mouse, the background of the entry turns blue.
    What code do I need to add in order to change the blue color?
    that’s all
    thank you

    Trevor Moderator
    #202010

    Ah. THAT is set by the browser. And the code to ‘fix’ it varies according to browser and browser version.

    It is better to use the Select2 V4 script and then style that. This post explains how:

    https://support.searchandfilter.com/forums/topic/how-can-i-customize-the-form-with-css/#post-199584

    massimo scolari
    #202015

    thanks !

    massimo scolari
    #202017

    it does not change the color of the placeholder: field input text “name”

    form input[type="text"].sf-input-text {
      background-color:#68001d;
      color:#ffffff;
    }

    see page: https://www.riplove.world/aaa/

    Trevor Moderator
    #202021

    Placeholder font color would be like this, I think:

    form input[type="text"].sf-input-text::placeholder {
      color:#fff;
    }
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.