Skip to main content

Change the size of the in-site search icon

Adjust the pixel size of the search icon in your site navigation. Uses the CSS panel for custom sizing.

Permission required: Account Admin or Content Admin

The in-site search feature must be enabled by an Account Admin or Content Admin before it can be used. Once enabled, the search icon appears in the upper-right corner of your site.

See Enable In-Site Search for instructions on enabling the feature.

You can customize the size of the in-site search icon using Local Site CSS.

To change the size of the in-site search icon

  1. Open your Site Editor.

  2. In the left pane, click Styling.

  3. Under Local Site Styles, click Edit Site CSS.

  4. Scroll to the bottom of the Site CSS editor.

  5. Copy the CSS below and paste in the Site CSS editor:

    .in-page-search-opener {     
    width: XXpx;     
    height: YYpx; }

  6. Replace the placeholder values:

    • XX — The width of the in-site search icon, in pixels.

    • YY — The height of the in-site search icon, in pixels.

    For example, to set the icon to 30 pixels wide and 30 pixels high:

    .in-page-search-opener {     
    width: 30px;     
    height: 30px; }

  7. Click Save.

  8. Click Publish in the upper-left corner of the Site Editor to apply your changes.

Need Help?

Contact Zoomforth Customer Support through the in-app chat or email support@zoomforth.com.

Related Articles
Did this answer your question?