Search Box Button

  • Resolved johnzoro

    (@johnzoro)


    8 years, 1 month ago

    I’ve got the search in my seondary navigation which is fantastic.

    But it looks a bit big. I would like to make it look smaller.

    I am guessing I will need to add some CSS

    How do I make the input field smaller (use smaller text?) and also I want to replace the search box button with an image that just says “go” or something

Viewing 1 replies (of 1 total)
  • Plugin Author joe_bopper

    (@joe_bopper)

    Hi John,

    Yep, css is the way. Don’t really know which property will be causing the sizing issues. It could be any of the following: width, height, font-size, line-height, padding, margin, border, and more. The only way is through inspection and trial and error really.

    In terms of replacing the submitting button, use the filter hook bop_nav_search_show_submit_button. If you output your own button html and then return false;, it will replace the default output. I.e.,

    add_filter( 'bop_nav_search_show_submit_button', function( $in, $item, $depth, $args ){
  ?>
  <my-html-here></my-html-here>
  <?php
  return false;
}, 10, 4 );

    Hope this helps.

    Cheers,
    Joe

Viewing 1 replies (of 1 total)
  • The topic ‘Search Box Button’ is closed to new replies.