# Search

**URL:** https://community.elfsight.com/c/css-codes/search/194.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Change font (Search)](https://community.elfsight.com/t/change-font-search/34514)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 7:06pm UTC](https://community.elfsight.com/t/change-font-search/34514 "2023-12-14T19:06:33Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Search widget’s settings: .global-styles, \[class\*="eapps-search"\] \*, \[class\*="Popup\_\_Container-sc"\] , \[class\*="FloatingButton\_\_Container-sc"\] \*{ font-family…

---

## [Increase size of the popup with search results](https://community.elfsight.com/t/increase-size-of-the-popup-with-search-results/61149)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 12, 2024, 2:22pm UTC](https://community.elfsight.com/t/increase-size-of-the-popup-with-search-results/61149 "2024-07-12T14:22:31Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Search widget’s settings: global-styles, \[class\*="Popup\_\_Container-sc"\] { width: 600px !important; height: 700px; }

---

## [Move floating search to the bottom](https://community.elfsight.com/t/move-floating-search-to-the-bottom/34515)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 7:08pm UTC](https://community.elfsight.com/t/move-floating-search-to-the-bottom/34515 "2023-12-14T19:08:16Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Search widget’s settings: .global-styles, \[class^='FloatingButton\_\_Container-sc'\] { top: auto !important; bottom: 16px; }

---

## [Hide all search results except for the Quick Links](https://community.elfsight.com/t/hide-all-search-results-except-for-the-quick-links/80991)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 8, 2024, 1:44pm UTC](https://community.elfsight.com/t/hide-all-search-results-except-for-the-quick-links/80991 "2024-11-08T13:44:22Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Search widget’s settings: .global-styles, \[class^='Results\_\_NoResults-sc'\], \[class^='Masonry\_\_Container-sc'\] { display: none; } .global-styles, \[class^=…

---

## [Replace "No Results" with the custom phrase](https://community.elfsight.com/t/replace-no-results-with-the-custom-phrase/80989)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 8, 2024, 1:41pm UTC](https://community.elfsight.com/t/replace-no-results-with-the-custom-phrase/80989 "2024-11-08T13:41:28Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Search widget’s settings: .global-styles, \[class^="Results\_\_NoResults"\] { font-size: 0 !important; } .global-styles, \[class^="Results\_\_NoResults"\]::befo…

---

## [Align search to the center, right or left (embeddable search)](https://community.elfsight.com/t/align-search-to-the-center-right-or-left-embeddable-search/80992)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 8, 2024, 1:45pm UTC](https://community.elfsight.com/t/align-search-to-the-center-right-or-left-embeddable-search/80992 "2024-11-08T13:45:31Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Search widget’s settings: .global-styles,\[class\*='widget\_\_Container-sc'\] { text-align: center; } You can change center in the code to right or left ba…