How set the format (css?) for Site Search bric

How to set the format (css?) for the Site Search bric. Now it seems to be Times New Roman here in my system, which doesn’t fit with any product design made after 1973. Even back then it was boring.

I found it in the “blocs-site-search-container input” .css (ChatGPT told me to…)

Though I would also like to know how to set the distance between the rows in the found searches, a detail only the developer of this bric might know, or someone else :slight_smile: = not for ChatGPT this one I guess… or actually it was :wink:

From ChatGPT

Goal

Improve the default Blocs Site Search dropdown with:
• Better spacing
• Subtle separators
• Clearer hover feedback

Problem

Blocs Site Search results are dynamically generated Bootstrap .dropdown-item elements.
They do not appear in Class Manager and cannot be styled via the UI.

Where to add the fix

Blocs → Window → Code Editor → Project Header

If you do not already have a <style> block there, create one and paste the code below inside it.


Final CSS (from scratch, ready to paste)

<style>

/* ============================================================
   BLOCS SITE SEARCH – CUSTOM DROPDOWN STYLING
   Location: Window → Code Editor → Project Header
   ============================================================ */

/* Target the active Bootstrap dropdown results
   .dropdown-menu.show = visible search result panel
   .dropdown-item = each individual result link */
.dropdown-menu.show .dropdown-item{

  /* Increase vertical spacing inside each result */
  padding:16px 24px !important;

  /* Improve text readability */
  line-height:1.6 !important;

  /* Add subtle divider between results */
  border-bottom:1px solid rgba(0,0,0,0.08) !important;

  /* Smooth hover transition */
  transition:background-color .15s ease, font-weight .15s ease;
}

/* Remove divider on last result */
.dropdown-menu.show .dropdown-item:last-child{
  border-bottom:none !important;
}

/* Stronger hover feedback */
.dropdown-menu.show .dropdown-item:hover{

  /* Slightly darker background */
  background-color:rgba(0,0,0,0.15) !important;

  /* Slightly bolder text */
  font-weight:600 !important;
}

</style>


Result

• Cleaner vertical rhythm
• Subtle visual structure
• Clear hover indication
• No modification of the Site Search bric required

Before:

After: