🡠 Back

How to change the widget's styles

Reading time
1 min
Widgets
October 27, 2026
afrus.ai
Learn how to change the field shape, colors, fonts, header and footer of your AFRUS widget.
In this article
+

The widget editor opens in a new tab. To open it, in Fundraising > Widgets click "Editar" (Edit) on the widget's row.

Labels are shown as they appear in the Spanish version of the console.

Step by step

  1. Open the Estilo panel. In the editor's Editar tab, open Estilo (Style).
  2. Choose the field shape. In Seleccione un estilo para el formulario: Cuadrado, Cuadrado redondeado, Redondeado or LĂ­nea (square, rounded square, rounded, line).
  3. Adjust colors and fonts. In Estilo del formulario, change the font family, the main, button, background, text and error colors, the box, the border and the shadow.
  4. Adjust header and footer. In Encabezado change the background color; in Pie de página, alignment, colors and typography. "REINICIAR" (Reset) restores the default values.
  5. Review and save. Check the result with "Vista previa" (Preview) and click "Guardar Widget".

Frequently asked questions

Can I have different styles per country?

No. Styles apply to the whole widget.

Where do I change the width?

In the editor's Instalar (Install) tab.

In this article
âś•

Related Tutorials

Widgets
October 27, 2026
How to create a product widget
Learn how to create a widget with the Producto goal to sell products or raffle tickets with a price and stock.
Widgets
October 27, 2026
What a widget is for
Learn what a widget is for: receiving donations, capturing leads, collecting payments and measuring results on your own website.
Widgets
October 27, 2026
Which widget types exist and what each one is for
Learn which widget types (goals) AFRUS offers, what each one is for and how to create the one you need.
Widgets
October 27, 2026
How to add a new country to a widget and why
Learn how to add a country to your widget so each visitor sees their language, currency, amounts and gateways.