Custom CSS styling

​

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.
• Prefer Remapdb CSS variables when changing colors, radius, borders, buttons, form controls, chips, charts, and quote panel styling.

​

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

:root {
  --rdb-button-solid-bg: #17181c;
  --rdb-button-solid-color: #ffffff;
  --rdb-border-radius: 0.5rem;
}

#show-remap,
#quote-submit {
  font-weight: 800;
}

​

Get help from an AI assistant

Read the Remapdb widget styling context and generate CSS only.
Do not include <style> tags.
Make the widget match a dark luxury automotive website with black backgrounds, graphite form controls, white text, and subtle gold buttons.
Use Remapdb CSS variables where possible.

​

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

​

Related actions

• Branding
• Theme and layout
• Colors and typography
• AI widget styling context
• CSS variable reference
• Widget HTML and selectors