How to style the Intelligent 404

Note

This documentation covers styling the Intelligent 404 when implementing with the standard 404 script. To create a custom Intelligent 404 implementation with more styling options, check out the new Experience Builder.

Styling of the Intelligent 404 UI can overridden with your own CSS rules. Use these CSS selectors to apply your styles to specific UI elements

#cludo-404 .cludo-results h3 {
}
#cludo-404 .cludo-results ul {
}
#cludo-404 .cludo-results li {
}

Loading animation

While it is possible to fully override the loader with the selector below, you can also change individual styles for the existing loader like the line thickness and color

#cludo-404 .cludo-results div.loader {
  // An example of changing line thickness and color
  border: 6px solid #f2f2f2;
}