WordPress.org

Ready to get started?Download WordPress

Forums

BoldR Lite
[resolved] Searchbar in another color (7 posts)

  1. Basz85
    Member
    Posted 4 months ago #

    Hello,

    I like this theme very much!

    I got a question;
    Wich rule line in the css file need I change for in the searchbar in another color?
    It's now blue, but I want to pink.

    I hope you can help me with this.

    Thanks!

    Sincerely,
    Bas

  2. MtpIntros
    Member
    Posted 4 months ago #

    Hey Basz85,

    I could possibly help you. Can you send me your website URL ?

    Greetings,
    Adil

  3. Basz85
    Member
    Posted 4 months ago #

    Thanks for your reply MtpIntros!

    At this moment, I run the website only local, so it's not possible, I'm sorry.

    I tried many ways; but I cannot change the color, because it stays blue.

    Sincerely,
    Bas

  4. MtpIntros
    Member
    Posted 4 months ago #

    Use the F12 option (Chrome) to see the elements,
    Right click on the searchbar and click on inspect elements, last option.
    With this option you will find where the row of that code is. Than just simlpy navigate to that row and change the color-code.

    I can use teamviewer if you want me to have a closer look..

    Greetings,
    Adil

  5. Basz85
    Member
    Posted 4 months ago #

    Thanks for your advice / help.

    It works great :)!

  6. MtpIntros
    Member
    Posted 4 months ago #

    No problem, mate!

  7. Iceable Themes
    Member
    Theme Author

    Posted 4 months ago #

    Thank you very much for your help @MtpIntros :)

    Glad @Basz85's question is resolved already, so I'll just leave this here if it can be of any help for someone else:
    - You don't necessarily need to change the original CSS file, you can also just add some new css to the end of style.css to override the default.
    - The following is the default styling for the search field. You can paste this in style.css and change the colors as desired:

    #s { background: #CCCCCC; color: #FFFFFF; }
    #s:focus { background: #25CEFF; color: #FFFFFF; }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.