Mobile CTAs
The floating call / text / email button cluster — its defaults, its class hooks, and the scoped Custom CSS escape hatch.
The mobile CTA cluster is a fixed bottom-right stack of round buttons — Call,
Text, Email — that Tortus renders on your site. You turn each button on
and supply the phone/email from the site's Mobile CTAs settings; each button
is a plain SEO-inert <a> (tel: / sms: / mailto:), and the cluster sits
below any popup so an overlay always wins.
Defaults
Each button ships with its own default color; leaving a color blank keeps that
default. Every button is an a element inside the cluster.
| Button | Link | Default color |
|---|---|---|
| Call | tel: | #16a34a (green) |
| Text | sms: | #2563eb (blue) |
mailto: | #7c3aed (violet) |
Set per-button colors from the panel (call_color / text_color /
email_color). For anything beyond color, use the Custom CSS field below.
The class hook
The cluster's scope id is #tortus-mobile-ctas. Your scoped Custom CSS is
auto-confined under it, and every button inside is an a, so #tortus-mobile-ctas a
targets all three at once.
Restyling with the hook
In the Custom CSS field you target #tortus-mobile-ctas a (this is exactly what
you paste — it's scoped for you). Here: square, monochrome buttons that read as
one calm control.
Per-button color overrides render as inline styles, so a class rule that changes `background` needs `!important` to win. Custom CSS is scoped to `#tortus-mobile-ctas` and can reference the site's `--color-*` tokens.
This is the same scoped-Custom-CSS escape hatch that page-builder blocks expose via Convert to custom — reach for the panel color fields first, drop to the class hook only when you need shape/spacing/state control.
Full param table: Designer Handbook.