Styling the search bar/slide out

Viewing 5 posts - 1 through 5 (of 5 total)
  • #18284
    MrsPumpkin
    Participant

    Are we able to style the search bar slide out on the header? I’d like to be able to change the color of it to match my style – and in particular the yellow background when you have the search terms as a drop down!

    #18285
    Daniel Tara
    Keymaster

    You can style it in Theme Options under custom CSS.

    To remove Chrome’s yellow background on autocomplete add this code:

    input:-webkit-autofill {
        background-color: rgba(0, 0, 0, .1);
    }
    #18292
    MrsPumpkin
    Participant

    Thank you, although it doesn’t seem to like that as it’s still yellow! It’s not the end of the world though!

    Can you please let me know which CSS effects that search slider because I’m hunting through the code with difficulty – every time I think I’ve found it, it’s not quite the right part!

    Can you please also let me know if I can change the cursor on the search button in the header? I’d prefer it to be an
    arrow.

    Many thanks!

    #18300
    Daniel Tara
    Keymaster

    In style.css it’s everyting between #header #searchform and #social-media-icons

    #18313
    MrsPumpkin
    Participant

    Thanks!

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

You must be logged in to reply to this topic.