CSS Formatierung eines Buttons

tobias.pohl

Hey,

irgendwie kann ich den "Newsletter abonnieren"-Button (http://www.proxpand.com) nicht formatieren? Mit welchem Befehl muss ich ihn ansprechen? Habe es bisher mit folgendem Code probiert:

Code

#wf-button  input {    background: rgb(207,186,122);
    border: 3px solid #f0f0f0;
    transition: background .2s;
    color: rgb(255,255,255);
    padding: 8px 22px;
    font-size: 12px;
    width: 133px;
    text-shadow: none;

Vielen Dank für Eure Hilfe!

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

reap705

Ich seh da keine ID. Probiers mal so:

Code

input.wf-button {
}

tobias.pohl

Probiert. Geht aber nicht. Woran liegt es bloß?

mfitzen

Was genau willst Du denn wie anpassen?

tobias.pohl

Den Button "Newsletter abonnieren" wie den Button unter http://www.proxpand.com/kontakt formatieren.

mfitzen

Doch,

Code

input.wf-button {
...
}

ist schon richtig. Kopiere die Formatierung vom Kontaktbutton und setze ggf. ein !important damit die Änderung auch wirksam wird. Hab's gerade getestet, es funktioniert.

tobias.pohl

Hier der Code:

Code

input.wf-button  {	background: rgb(207,186,122);
	border: 3px solid #f0f0f0;
	transition: background .2s;
	color: rgb(255,255,255);
	padding: 8px 22px;
	font-size: 12px;
	width: 133px;
	text-shadow: none;
}

Wo muss ich das !Important einfügen?

mfitzen

Na dort wo die Änderung nicht wie gewünscht greift.

http://www.css-hack.de/CSS+allgemein/!+important

tobias.pohl

Also überall, denn sie greift nirgends :shock:

mfitzen

Wenn Du mal Deinen Browsercache löschen würdest, dann würdest Du feststellen, dass die Änderungen sehr wohl greifen.

tobias.pohl

Nach dem !Important greift´s.

Aber was ist diese dunkelgraue eigentlich und wie krieg ich es weg?

tobias.pohl

Haha, mein Fehler, die graue Linie soll ja da sein. Meine eher die weiße Umrandung, die gehört da nicht hin. Help! ;)

tobias.pohl

Habe es geändert. Weiß passt sowieso besser.

Wie bekomme ich die runden Ecken weg? Und auch diesen Schatten?

tobias.pohl

Habe mit folgendem Code versucht die runden Ecken wegzubekommen, aber es geht einfach nicht :cry: :

CSS

webkit-border-radius: none !important;
border-radius: none !important;

Kann mir bitte jemand helfen? Auch finde ich nicht den Code um den leichten Schatten hinter dem Button wegzubekommen.

tobias.pohl

Keiner, der mir kurz helfen kann?

mfitzen

Zitat von tobias.pohl

CSS

webkit-border-radius: none !important;
border-radius: none !important;

Klar, dass das nicht funktioniert, none ist auch kein gültiger Wert.

tobias.pohl

Oh, was denn sonst? 0px?

tobias.pohl

Mit was müsste ich none ersetzen?

formateins

Mit Hirn, aber das is bei Dir wohl auch schon auf [FONT=courier new]none !important[/FONT].

Schon mal auf die Idee gekommen, das ganz banal bei Google einzugeben und einen der ersten 5 Links anzuklicken?

Ansonsten ein brandheisser Tipp: probier's mal mit dem Erfolg, denn Du mit Deiner Briefkastenbude da haben wirst: NULL!

:twisted::twisted:

tobias.pohl

Ähh ... sorry, aber kann es sein, dass ich mich im Forum geirrt habe? Kann mich gar nicht erinnern das *************** angeklickt zu haben. Manche hier sind echt einfach bemitleidenswert!

P.S.: Formateins, das ging jetzt an Deine Adresse! Falls Du es nicht gemerkt hast.

[size=18]Bin wirklich enttäuscht von Eurem Verhalten![/SIZE]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS Formatierung eines Buttons

Jetzt mitmachen!