Need to add icon right to search box

Anonymous

#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

#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

#235745

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

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

Trevor

#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

#235760

working fine,Thanks

Trevor

#235764

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

[Author]

Posts