This topic has 5 replies, 2 voices, and was last updated 8 years by Radu.

  • Author

    Tagged: , , ,

  • #99559
     Groubee2
    Participant

    Hi

    how to change font color on top search box?

    I look forward to hear from you 🙂

    Best regards
    Tonny

    Attachments:
    You must be logged in to view attached files.
    #99589
     Radu
    Moderator

    Hi,

    With this css

    COPY CODE
    
    
    .search-form input::-webkit-input-placeholder { /* Safari, Chrome and Opera */
      color: orange !important;
    }
    
    .search-form input :-moz-placeholder { /* Firefox 18- */
      color: orange;
    }
    
    .search-form input::-moz-placeholder { /* Firefox 19+ */
      color: orange !important;
    }
    
    .search-form input:-ms-input-placeholder { /* IE 10+ */
      color: orange !important;
    }
    
    .search-form input::-ms-input-placeholder { /* Edge */
      color: orange;
    }
    
    .search-form input:placeholder-shown { /* Standard one last! */
      color: orange !important;
    }
    

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #99666
     Groubee2
    Participant

    Hi Radu,

    Thanks – I still write with black inside the search box? and the search icon inside the box in the right side is still black, can I change the color?

    #99739
     Radu
    Moderator

    Add this css

    COPY CODE
    
    
    .search-form input.header-search {
        color: red !important;
    }
    

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #99875
     Groubee2
    Participant

    Thanks it works!! very nice!

    What about the search logo? and the dynamic “loading” animation/icon ? How can I change the color? from black to white?

    Best regards
    Tonny

    Attachments:
    You must be logged in to view attached files.
    #99978
     Radu
    Moderator

    Hi,

    Use this css

    COPY CODE
    
    .second-menu .search-form .header-search-button:before {
        color: red !important;
    }
    

    Let me know

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?