Customize Visual Styling

We know not all apps are made the same, so we try to make User Hook as customizable as possible. Out of the box, User Hook provides a basic set of UI components that can be customized through the User Hook admin site.

Each major User Hook element (Feedback Page, Survey, Static Page, In-App Message) can be styled separately. Custom styling is handled by entering CSS rules that will be merged with the default styling rules. This allows you to use custom fonts and colors without having to change code inside your app.

Fonts Embedded In The App

If the font you want to use is already embedded in your app, you can use the appropriate font-family CSS rule to use the custom font.

body {
font-family: 'Oswald';
}

Loading Remote Fonts

If a font is not included in your app, you will need to use an @import rule to first load the custom font. If you use an @import rule, it must appear at the top of your custom CSS rules.

@import url(https://fonts.googleapis.com/css?family=Oswald:700);

body {
font-family: 'Oswald';
}