Search Input Font Colour not changing

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search Input Font Colour not changing

This topic contains 5 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 3 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28811
    MarcelleC19
    MarcelleC19
    Participant

    Hi,

    I won’t be able to share website or FTP login details. But I don’t think it’s needed.

    I’ve changed the search bar text colour on the plugin, but it remains the same on the front end. When I review the source code, the font colour’s HTML code is correct, but it still displays in the default grey. See page:
    https://www.adams.africa/firm-overview/our-team-list/

    I’ve attached a screenshot with the colour selected for your reference.

    Could you please have a look why this is happening?

    Thank you in advance.

    Marcelle

    #28817
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi Marcelle,

    The screenshot didn’t go through I’m afraid, currently I am seeing the following input color: https://i.imgur.com/WaKS5ph.png
    Is that different from what is set on the back-end?
    Can you add back-end access so I can cross check? Thank you!

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #28819
    MarcelleC19
    MarcelleC19
    Participant

    Hi Ernest!

    Ok, thank you! Now I know that I’m looking at the wrong text setting.

    I want to have a better contrast between the placeholder text (Search for the relevant professionals…) and the search bar background.

    Where / how can I change that?

    #28820
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    The color should be the same as the input color, with a lower opacity.

    In this case I am seeing a global placeholder CSS rule, that overrides the color of that. Use this custom CSS to change the color of the placeholder please:

    input.orig::placeholder {
        color: rgb(55,55,55) !important;
    }

    That should do the trick.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #28821
    MarcelleC19
    MarcelleC19
    Participant

    Fantastic! Thank you so much for the quick response and the css that I can add 🙂

    #28822
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.