Submit Bottom mit Abstand nach oben

BallaBalla07 · #1 (**permalink**) 10.04.2016, 17:20

Hallo, ich schon wieder.

Ich habe ein Submitbottom, dem ich eine zusätliche Klasse "EineFrage" zugewieden haben.

Kontaktformular

Leider bekomme ich dennoch den Abstand nach oben nicht hin.
Dachte es müsste in dem Fall so lauten.

Code:

.wpcf7-form-control.wpcf7-submit.EineFrage {
    margin-top: 10px!important;
}

Was ist mein Fehler?

LG

protonenbeschleuniger · #2 (**permalink**) 10.04.2016, 17:28

Zitat:

Zitat von BallaBalla07

Kontaktformular

Leider bekomme ich dennoch den Abstand nach oben nicht hin.
Dachte es müsste in dem Fall so lauten.

Code:

.wpcf7-form-control.wpcf7-submit.EineFrage {
    margin-top: 10px!important;
}

Tut es auch. Evtl. stört das fehlende Leerzeichen.

MrMurphy · #3 (**permalink**) 10.04.2016, 17:54

Hallo

Mit !important kannst du dein Brot schmieren. Im CSS sollen damit meist Fehler überspielt werden, die meist an ganz anderer Stelle liegen. Also am besten gleich weglassen.

Das input-Element hat drei Klassen:

Code:

wpcf7-form-control wpcf7-submit EineFrage

Die kannst du im CSS nicht einfach alle aufführen. Du musst dich auf eine beschränken. Funktionieren würde zum Beispiel

Code:

EineFrage {
    margin-top: 10px;
}

Gruss

MrMurphy

protonenbeschleuniger · #4 (**permalink**) 10.04.2016, 18:00

Zitat:

Zitat von MrMurphy

Das input-Element hat drei Klassen:

Code:

wpcf7-form-control wpcf7-submit EineFrage

Die kannst du im CSS nicht einfach alle aufführen.

Wieso nicht?
Ich hab' es probiert und sein Selektor hat funktioniert.

BallaBalla07 · #5 (**permalink**) 10.04.2016, 18:05

Dank für die Infos.

Ich habe alle Optionen ausprobiert. Es ändert sich nichts.

Mit Firebug kann ich die Regel hinzufügen und es wird wie gewüncht umgesetzt.
Aber wenn ich es in die CSS schreibe ändert sich nichts.
Nur deswegen auch das !important.

Keine Ahnung an was es liegt

GRuß

MrMurphy · #6 (**permalink**) 10.04.2016, 18:06

Hallo

Zitat:

Ich hab' es probiert und sein Selektor hat funktioniert.

Stimmt. Ich habe es auch grade mit dem FF probiert. Der Selektor funktioniert dann auch ohne !important.

Gruss

MrMurphy

protonenbeschleuniger · #7 (**permalink**) 10.04.2016, 18:33

Zitat:

Zitat von BallaBalla07

Keine Ahnung an was es liegt

Cache?

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
fa Icon in Submit Bottom einbinden	BallaBalla07	CSS	3	01.04.2016 08:38
CSS - CMS - lange Menus Balken/BG oben?	shinobi	CSS	3	13.10.2011 21:12
z-index hoch, dennoch grafik nicht ganz oben	bergg	CSS	6	27.10.2010 16:02
Inhalt verrutscht (nach oben) IE 5.0 + 5.5	selfmade	CSS	3	02.07.2008 14:05
bottom tut nicht was es soll	handyaner	CSS	3	28.07.2006 23:50