Two questions about setting

[glorileematsuri]

Hi, I have two questions.
1) How to set a closer distance between search box and search result box?
2) How to display “Search for: testpostlorem ipsumelements” under search box like demo?

Thank you.

[Ernest Marcinko]

Hi!

1. It is not adjustable. Is the distance bigger then in the demo? If it is, then it’s probably a bug, let me know!

2. It’s a custom script written for the demo page, if you want it then I help you creating something similar.

[glorileematsuri]

I want a custom script. How can I create it?

[Ernest Marcinko]

Ok!

You need to add this to the site header.php between the head tags:

  <script>
  $(document).ready(function(){
    $(".searchfor").on("click", function(){
       var $input = $('.orig', $(this).parent().parent());
       $input.val($(this).html());
       $('.promagnifier', $(this).parent().parent()).click();
       console.log("the input:", $input);
    });
  });
  </script>

After that, you need to add the keywords with the following html under the search:

<div class="sfor">
  Search for: 
  <a class="searchfor">test</a>
  <a class="searchfor">post</a>
  <a class="searchfor">lorem ipsum</a>
  <a class="searchfor">elements</a>
</div>

If you want to style the keywords you can add additional CSS to any css file included in your template:

.sfor {
  color: #777777;
  font-size: 12px;
  padding-left: 5px;
}

a.searchfor {
  color: #5990DE;
  font-size: 12px;
}

[glorileematsuri]

Can you delete this post? Cos private reason.

[Ernest Marcinko]

The private details (website, password) are not visible to anyone else, don’t worry 🙂

But I will make this post completely invisible.

[glorileematsuri]

Thank you very much. Your plugin is so powerful and i will rate you five star~~

[Author]

Posts