Forums › Forums › Search & Filter Pro › Need to add icon right to search box

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  March 5, 2020 at 5:13 pm #235682

    I need search bar in the right side like in this site https://www.northerndocksystems.com/2019-customer-appreciation-event-highlights/
    How can I add that icon?

    Trevor
    (Private)  March 6, 2020 at 10:41 am #235719

    Using Custom CSS. Do you have any icon fonts (like Font Awesome 4 or 5) loading on your site that can be utilised?

    Are you able to send me a live link/URL to your search page so I can take a look?

    Anonymous
    (Private)  March 6, 2020 at 2:05 pm #235745

    https://vipgo.atsautomation.com/lifescience/videos/

    This is my site url,Please help me to solve this issue?

    Trevor
    (Private)  March 6, 2020 at 2:20 pm #235752

    I am not sure if this works for you, as Custom CSS:

    .searchandfilter[data-sf-form-id="2062"] li.sf-field-search label::after {
  font-family: FontAwesome;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  content: "\f002";
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  background: #000;
  position: relative;
  top: 3px;
  cursor: pointer;
 }
    Anonymous
    (Private)  March 6, 2020 at 2:24 pm #235760

    working fine,Thanks

    Trevor
    (Private)  March 6, 2020 at 2:28 pm #235764

    Thanks for letting me know. I will close this thread for now.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)