← All examples

Google: restyle the knowledge panel

Gives the right-side knowledge panel a rounded card look with a subtle shadow and border.

Code to copy

/* Restyle the right knowledge panel with a clean card look */
#rhs .kp-wholepage,
#rhs .I6TXqe {
  border: 1px solid #dadce0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 6px rgba(32,33,36,0.12) !important;
  padding: 12px !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.