3

Kagi search results are separated by margins, and groups of results are separated by a subtle background change - both good in my opinion.

However, there is a horizontal line after the header (bold, bigger font size) to separate header from details (small font). This is too much clutter for me and I'd like to remove it.

Settings > Appearance> vertical lines on/off

  • Vlad replied to this.

    nzain Can you show a screenshot?

    You should be able to remove it with custom CSS/

        This is a screenshot from firefox on my Android smartphone. The red arrows point to the small vertical lines beneath headers of search results and the orange arrow marks the separation between search results. I think all results are clearly separated by margins and the font size changes. I'd like to remove at least the small vertical lines (red) or even better both (red+orange). Maybe you could help me create the appripriate css or write a guide on how to do it 🙂 or consider this as an option for all users.

        By the way: I've never payed for search, but kagi's option to block/lower certain pages (AI generated spam) has become a requirement for me. This and no ads/privacy got me!

          So actually the intro to custom css video on youtube even contains the explanation how to do it. I didn't fully understand what I'm doing, but I ended up with some custom css changes that removed the underline at least (red in my screenshot). I canot see the other separators (orange) on my desktop firefox/inspector and I'm somewhat lost on how to remove those from my Android search experience.

          .__sri-title a {
  border-bottom:none;
}
.__srgi-title a {
  border-bottom: none;
}
.__sri-title .__sri_title_link:visited {
  border-bottom: none;
}
.__sri-title .__sri_title_link {
  border-bottom: none;
}

            @nzain CSS below should remove underlines on all results as well as separator borders (orange)

            .__sri-title a,
.__srgi-title a,
.__sri-title .__sri_title_link,
.list-widget .widgetContent .widgetItemTitle,
.search-result,
.sri-group {
	border-bottom: none;
}

.inline-content + .search-result {
	border-top: none;
}

              georgee thank you, that removed almost all of the horizontal lines. I really like it, very clean.
              @Vlad thanks for bringing @georgee in!
              Personal support like this is another good reason to pay for kagi, although we all hope you don't hear from me again 😛

                No one is typing