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
Recommended pages heading
#cludo-404 .cludo-results h3 {
}
Recommended pages list
#cludo-404 .cludo-results ul {
}
Recommended pages list item
#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;
}