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.
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
= not for ChatGPT this one I guess… or actually it was ![]()
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:


