Add custom CSS to the widget

Fine-tune the widget appearance beyond what the dashboard exposes.

Last updated April 27, 2026

For deeper control than the dashboard offers, Pro and Advanced plans support custom CSS injected into the widget.

Where to add it

Go to Embed → Advanced → Custom CSS. Paste any valid CSS. It is scoped to the widget so it cannot affect the rest of your page.

Example: rounding corners

.maptera-store-card {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.maptera-search-input {
  font-family: "Inter", sans-serif;
}
Custom CSS is unsupported in the sense that future widget updates may rename classes. Pin a snapshot of your CSS somewhere outside Maptera so you can re-apply it if class names change.
Was this article helpful?
Did this article miss your question?
Email our team and we will help directly.
Contact support

Contact

Have Questions?

Whether you need help getting started, want to explore enterprise options, or just have a question about Maptera — we'd love to hear from you. We typically respond within one business day.

Response Time
< 24 hours

By submitting you agree to let Maptera contact you about relevant products and services.