Custom Quick Search icons

Updated 2 months ago by Axel Resnik

It is possible to display custom icons as part of the Quick Search, but custom CSS and image URLs are required to achieve that. Below is a step-by-step guide to how to do this:

  1. Choose the desired background color for each item under Quick Search > Design

  1. On the Configuration page, under 'Advanced Configuration', add the CSS code
Touch
Selector

Walkthroughs

.simpo-search-item[data-type="walkthrough"] span {  

background-image: url("place of image") !important;

}

Video Articles

.simpo-search-item[data-type="video"] span {  

background-image: url("place of image") !important;

}

Text Articles

.simpo-search-item[data-type="article"] span {  

background-image: url("place of image") !important;

}

Surveys

.simpo-search-item[data-type="survey"] span {  

background-image: url("place of image") !important;

}

Announcements

.simpo-search-item[data-type="announcement"] span {  

background-image: url("place of image") !important;

}

  1. Save
You can contact us at support@simpo.io with any questions.


How Did We Do?