Overwriting CSS

Override Userback's default styles using custom CSS. Always use !important to ensure your styles take precedence over Userback's defaults.

Basic use case

Adding a gradient background to the Userback button

To give the Userback feedback button a gradient background, you can use the following CSS:

.userback-button {
    background: linear-gradient(to right, red, yellow) !important;
}

Advanced use cases

Custom font based on mobile device size

1. Add your custom font to your CSS file:

@font-face {
    font-family: 'CustomFont';
    src: url('CustomFont.woff2') format('woff2');
}

2. Apply the custom font to the Userback button for mobile device sizes only:

@media (max-width: 768px) {
    .userback-button {
        font-family: 'CustomFont', sans-serif !important;
    }
}

Targeting Userback elements

To target the Userback elements, use the following CSS classes:

.userback-button-container {
    /* your custom styles */
}

.userback-button {
    /* your custom styles */
}

Need help? Visit the Help Center or use the chat bubble on this page to contact our support team.

FAQ