Skip to main content
Use this section when you need styling changes that are not possible through standard Branding controls. Click the Branding item in the main navigation.

​
Where to edit custom CSS

  • Go to the Advanced section.
  • Use the Custom CSS field.

​
Before you add CSS

  • First try built-in controls in Theme, Fonts, and Customize colors and sizes ….
  • Use custom CSS only for edge cases.
  • Keep rules scoped to the widget so website-wide styles are not affected.

​
Add and save custom CSS

  1. In Advanced, add your CSS in the Custom CSS field.
  2. Click the Save button.
  3. Check the widget preview.
  4. Open a live page and verify the result.

​
Validation rules you should know

  • Do not add <style> tags.
  • Very unsafe or invalid CSS can be removed during sanitization.

​
Safe example

.rdb-widget .btn-primary {
  border-radius: 10px;
}

.rdb-widget .vehicle-title {
  letter-spacing: 0.01em;
}

​
Common mistakes

  • Using very broad selectors that affect too many elements.
  • Applying many !important rules and making future changes hard.
  • Changing structural layout classes and breaking mobile rendering.
  • Skipping live-page testing after save.

​
Need help with styling

In Advanced, click the Help me with styling button when it is available.
Styling assistance availability depends on your plan and feature access.