Changing the Colour of Search Widget

  • Author
    Posts
  • #126360

    Is there a way to change the colours for the WordPress “search” widget for this theme? When adding the search widget, the search bar is “black” and the search submit button is a “teal.” Is there a way to change this? Or at least make the search bar either “white” or “light grey”?

    The blog I need help with is: (visible only to logged in users)

    #126470
    mauryaratan
    Theme Author

    Hi there,

    I sure can help you with that with a little CSS tweak. Can you please put the search bar in place on your site so I can take a look and provide you with CSS?

    Thanks.

    #126472
    courtneysmall
    Member
    Original poster

    Thank you for your response. I have added the search widget to the main sidebar.

    #126474
    mauryaratan
    Theme Author

    Thanks. Try adding the following code:

    .search-form .search-field { background: #e6e6e6; color: black; }

    Let me know how it looks to you.

    #126478
    courtneysmall
    Member
    Original poster

    The search bar looks much better. Thank you!

    One more question for your. Is is possible to also change the search widget button colour (and the button colour of responsive “menu” button that appears in the top right corner when the browser window size is reduced) so that the button itself is “black” and the word within it remains “white”?

    #126491
    mauryaratan
    Theme Author

    Sure, try adding the following:

    .search-submit.search-submit, .menu-toggle {
        background: black;
        color: white;
    }
    #126510
    courtneysmall
    Member
    Original poster

    Great! Thank you for your assistance. Much appreciated.

  • The topic ‘Changing the Colour of Search Widget’ is closed to new replies.