Absende-Button in Visforms mit farbigem Hintergrund (bzw. ohne großen Rahmen)

Hamburgmonster

Hallo,

möchte ich den Absende-Button blau und ohne den großen Rahmen haben. Ich bekomme nur eines von beiden hin.

1.

In der Grafik oben habe ich im oberen Teil eine selbst gestaltete Grafik "Absenden" eingefügt - dort kommt dann leider dieser blöde große schwarze Rahmen herum.

Den kann man wohl irgendwie entfernen - ich bekomme es nur mit der Firefox-Untersuchen-Funktion hin, nicht aber beim CSS.

2.

In der anderen Alternative nutze ich den regulären Visforms Text-Absendebutton "Absenden Text" (der kleine Rahmen darum ist OK). Ich kann den Hintergrund aber nicht blau einzufärben.

---------

Was von beidem lässt sich einfacher umsetzen?

Ich habe schon nach Anleitungen dafür gegoogelt - aber das ist mir zu kompliziert.

Mit CSS komme ich gar nicht klar.

Habt ihr einen einfachen Weg, um unter Visforms einen schönen farbigen Absendebutton ohne Rahmen hinzubekommen?

Elwood

Setze das in die custom.css oder user.css.

Oder bei Visforms selber, weiß ich grad nicht:

Zu 1:

Code

.visform input, .visform select, .visform textarea, .visform .btn {
  border: none;
  }

Zu 2:

Code

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
  background-color: #2351ae;
}

Farbe nach Gusto anpassen.

christine2

Hallo Hamburger (NichtMonster),

Erst jetzt gesehen. Kollege Elwood hat ja schon Vorarbeit geleistet. So auf die Schnelle hätte ich seinen Code nicht gewusst, sondern nur:

Code

input#field21.btn {
background: #2351ae;
color: #fff;  
}

Und Ja, Du solltest Dir eine user.css anlegen - um dort Codes reingeben zu können, dass diese bei einem Update nicht überschrieben werden:

Liebe Grüße

Christine

Hamburgmonster

Ahhh.... Danke! ich hatte schon erfolglos nach der gesucht

Hamburgmonster

Das hat sofort funktioniert! Danke euch beiden!

Elwood

Vielleicht noch ergänzend:

Zitat von Elwood

Setze das in die custom.css oder user.css.
Oder bei Visforms selber, weiß ich grad nicht:

Nur als Info!

Hamburgmonster

Danke dir für die zusätzliche Info!

Es funktioniert mit der user.css.
Dann kann ich es so belassen, oder?

Elwood

Kannst du so belassen.