WP-Members Registrierungsformular anpassen

Toto146

Hallo zusammen,

versuche derzeit das Registrierungsformular von WP-Members anzupassen.

Via der style.css habe ich bereits das Aussehen der Felder etc. angepast.

Nun möchte ich die Felder und die zugehörige Beschreibung zentriert auf der Seite darstellen, jedoch kann ich machen was ich will, nichts passiert.

Wer kann helfen?

Danke im Voraus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Mit Link könnte man Dir vielleicht helfen.

Toto146

Hi SirEctor,

die Seite ist noch im MaintenanceMode, jedoch habe ich den Benutzer demo angelegt.

Unter http://www.stress-burnout-institut.de/wp-sbi/wp-admin mit Benutzer und Passwort demo einloggen.

Mein Anliegen wäre es, das Registrierungs- bzw. Datenänderungsformular so aussehen zu lassen wie das Kontaktformular. Also wenn möglich. Denke, dass es allerdings nur mit Beschreibungen geht und nicht wie bei dem Kontaktformular mit Bezeichnungen im Feld.

Toto146

Hi,

keiner eine Idee wie das anzupassen ist?

Tutrix

nun die beiden Formulare sind ja verschieden aufgebaut, einmal über eine Tabelle und einmal über Fieldset

aber füge mal das

CSS

#wpmem_reg form fieldset label.text {
    text-align: left !important;
}
#wpmem_reg form fieldset input {
    width: 360px !important;
}
#wpmem_reg {
    margin: 0 auto;
    width: 360px;
}

in die style.css deines Themes

Toto146

Super...das sieht schon einmal sehr gut aus.

Jetzt fällt mir aber auf, dass unter Chrome die css Einstellungen für die Felder und Buttons so sind wie gewünscht, jedoch unter Firefox und dem IE anders angezeigt werden.

Beim IE ist sogar die Checkbox für die AGB total verzerrt?!?

Ne Idee?

Tutrix

füge mal noch dies hinzu

CSS

#wpmem_reg form fieldset input#tos {
    width: auto !important;
}


#wpmem_reg form fieldset .buttons {
    width: auto !important;
    height: 30px !important;
}

Toto146

Hab die beiden css Einträge ein wenig verändert und nun schaut es bis auf einen Punkt ganz gut aus.

Die Felder sollten in Firefox und IE eigentlich abgerundete Ecken haben.

Hier mal der Code der bei den Feldern hinterlegt ist. Hab ich nen Denkfehler???

CSS

#wpmem_reg form fieldset input {
margin: 0.5em 0;
height: auto;
width: 360px !important;
background-color: #FAFFBD;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
background: url(images/contact_input.png) repeat-x #F7F7F7 !important;
border: 1px solid #CCC !important;
color: #111 !important;
padding: 8px !important;
}

Alles anzeigen

In Chrome und Safari wird es ohne Probleme angezeigt, nur nicht im Firefox und IE.

Tutrix

Code

border-radius: 8px;

fehlt

ach ja, das "!important" brauchst du nur, wenn ein anderer Wert überschrieben werden muss(z.B. Formatierungen des Themes)

Toto146

Oh man...seh den Wald vor lauter Bäumen schon nicht mehr.

Wirklich 1000 Mal DANKE!!!

Noch ein schönes Wochenende!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

WP-Members Registrierungsformular anpassen

Jetzt mitmachen!