A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/pawelmalak/flame/wiki/Custom-CSS below:

Custom CSS · pawelmalak/flame Wiki · GitHub

This is an experimental feature. Its behaviour might change in the future.

  1. Get class name of element you want to edit. For example, class of Settings Button would be: Home_SettingsButton__Qvn8C
  2. Write custom styling for element using textarea at /settings/css. Most of the time you'll need to use !important in order to overwrite existing styles. For example, to change Settings Button from circle to square you would use:
.Home_SettingsButton__Qvn8C {
  border-radius: 0 !important;
}
  1. Save styles and reload page
.AppCard_AppCardDetails__tbAhY span {
  font-size: 8px !important;
}
Change number of columns of Appilcation Grid and reduce page spacing
.AppGrid_AppGrid__33iLW {
  grid-template-columns: repeat(7, 1fr) !important;
}

.Layout_Container__2Hv3J {
  padding: 20px 0 !important;
}
Add border to Input Group and turn it upside down
.InputGroup_InputGroup__1Nm_2 {
  border: 5px solid red;
  transform: rotate(180deg);
}

Sometimes you might get custom css working fine on ip:port but not working on flame.domain.tld. Most of the time it's beacuse flame.css file is being cached. You have two ways of fixing it:


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4