Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 27, 2015 at 6:49 pm #386503
    scfran

    Hello,

    is it possible to change the look of the magnifying glass in the search box?
    I mean the small box next to the input field.
    with:
    border: 1px
    background-color: #…….
    border-color: #……..
    and thin lines of the magnifying glass?

    Best regards,
    Frank

    January 27, 2015 at 11:20 pm #386687
    Elliott

    Hey scfran!

    If your talking about the search icon that gets added to the end of your menu then you can target it with this CSS.

    #menu-item-search a {  }

    So it sounds like your wanting to do something like this.

    #menu-item-search a { border: 1px solid black !important; background-color: red !important; border-color: green !important; }

    Cheers!
    Elliott

    January 27, 2015 at 11:34 pm #386694
    scfran

    Hi Elliott,

    sorry, I forgot it … I mean the search icon (widget) in the sidebar.

    Regards,
    Frank

    January 28, 2015 at 5:28 pm #387165
    Yigit

    Hi!

    Please add following code to Quick CSS 

    input#searchsubmit {
border: 1px solid black !important;
background-color: red !important;
border-color: green !important;
}

    Best regards,
    Yigit

    January 28, 2015 at 5:49 pm #387207
    scfran

    (y)

    Best regards,
    Frank

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Customise design of search box, magnifying glass’ is closed to new replies.