Suchfeld in Malibu

Ich schließe mich hier gerade mal an. Ich möchte das Suchfeld länger machen. Habe schon versucht im StyleEdit was zu ändern, aber das hat nicht so geklappt. Vielleicht hat jemand von euch einen Tipp?

 

Versuche es mal mit

Code:

.navbar-search form {
    max-width: 500px;
}

im eigenen css

 

Habe ich eingegeben, aber es hat sich nichts verändert.

 

Sein Shop ist nicht erreichbar.

 

setz ein !important dahinter:

Code:

.navbar-search form {
    max-width: 500px !important;
}

 

Ja, das sollte funktionieren. Dieses !important sollte man aber halt nur verwenden, wenn's gar nicht anders geht, z.B. um Style-Attributswerte zu überschreiben oder weil die zu überschreibende Angabe auch schon !important verwendet. Ansonsten lieber mit einer spezifischeren Angabe überschreiben, z.B. so:

Code:

#header .navbar-search form {
   max-width: 500px;
}

 

@Dominik Späte

das hatte ich auch versucht.

Aber sie hat diesen Code schon drin:
.navbar-search form {
max-width: 250px;
}

Nicht im eigenen CSS, aber ich weiß auch nicht wo das sonst her kommt.

Deshalb klappt es "nur" mit dem !important



Nachtrag: Jetzt gehts auf einmal mit dem spezifischerem Code.... Sorry, wohl zu wenig Schlaf...

 

Ja, denk nur nicht, dass mir sowas Ruhe lassen würde. Entsprechend hatte ich auch schon geschaut Es kommt von der Header Variante 2 in Malibu. Und deren CSS wird erst nach dem eigenen CSS aus dem StyleEdit in die main.min.css eingefügt, also die normale Angabe ".navbar-search form" überschrieben.