How to customize widget style

This guide is designed to assist you in customizing your Google widgets to perfectly align with your website's aesthetics and branding. By utilizing custom CSS, you can effortlessly modify colors, fonts, locations, and more, allowing you to create a cohesive and personalized user experience.

To customize the widget, please follow these four easy steps:

1. In the app settings, navigate to 'Display reviews' → 'Widgets global settings' → 'Custom widget style' and click on 'Edit'.

2. Copy the code from our CSS library. You can select the widget type from the panel on the left side of that page.

3. Paste the code into the 'Custom widget style' field.

4. Adjust the values as needed and click 'Save'.

👉 See our extensive CSS code database for each widget type:

Custom style codes

Tips for adjusting the widget:

1. For text color, you can use HEX format (i.e #ff8899), or just word (i.e "red", "yellow").

2. For border width (i.e. 1px, 2px), border style (i.e. "solid", "dotted"), border color (i.e #aa4455, #bb6677).

3. You can add 2 or more CSS codes to the Custom CSS field as well.

💡 No time to set it up? We’ve got you covered. Our experts can configure everything for you — quickly, professionally, and with best practices in mind. Just reach out, and we’ll make sure it looks and works exactly the way you want.

---

Questions about customization? We're excited to help: [e-mail] or live chat.