Wie man Subscribe2 Schaltfläche Aussehen in Wordpress anpassen?

Question

Ich bin sehr neu für Wordpress und haben keine PHP oder CSS Erfahrung ...

ich verwenden möchten Subscribe2 Plugin in meinem Blog, zusammen mit Inove Thema. Als ich das Widget hinzufügen, werden die Anmelden / Abmelden Schaltflächen in dem „klassischen“ Weg gemacht, die die Seite ziemlich hässlich (das Blog macht, ist unter: http://www.adlerr.com )

Wie kann ich das Aussehen der Schaltflächen anpassen? Ich bin bereit, einige PHP / CSS zu schreiben, wenn ich die richtigen Anweisungen erhalten ...

Der Code die Tasten zur Ausgabe ist hier:

$this->form = "<form method=\"post\" action=\"\"><p>" . __('Your email:', 'subscribe2') 
. "<input type=\"text\" name=\"email\" value=\"" . __('Enter email address...', 
'subscribe2') . "\" size=\"20\" onfocus=\"if (this.value == '" . __('Enter email     
address...', 'subscribe2') . "') {this.value = '';}\" onblur=\"if (this.value == '')     
{this.value = '" . __('Enter email address...', 'subscribe2') . "';}\" /></p><p><input 
type=\"submit\" class=\"button\" name=\"subscribe\" value=\"" . __('Subscribe', 
'subscribe2') . "\" />&nbsp;<input type=\"submit\" class=\"button\" name=\"unsubscribe\" 
value=\"" . __('Unsubscribe', 'subscribe2') . "\" /></p></form>\r\n";

Und es gibt Tasten richtiger stying hier : bottom Recht, die „Kommentar abschicken“ -Schaltfläche, die der Klasse „Knopf“ ist:

Der Code der Absenden Button Kommentar zu erzeugen ist:

<input name="submit" type="submit" id="submit" class="button" tabindex="5" 
value="<?php _e('Submit Comment', 'inove'); ?>" />

Was sollte ich das Anmelden / Abmelden Tasten aussehen wie die „Kommentar abschicken“ -Schaltfläche auszukommen?

Ihre Hilfe ist sehr willkommen, danke.

Answer 1

Der Unterschied zwischen den unstyled und Stil Tasten ist, dass die unstyled Tasten haben nicht ein Attribut class = „button“.

Sie sollten in der Lage sein, in WP einzuloggen, Plug-in, klicken Sie auf Bearbeiten auf der Subscribe2 Plugin und finden, wo die input type = einreichen Tasten sind und eine class = „Taste“, um sie hinzuzufügen.

<input type="submit" class="button" value="Subscribe" name="subscribe"/>
<input type="submit" class="button" value="Unsubscribe" name="unsubscribe"/>

Edit: in Ihrer CSS-Datei, werden Sie eine Klasse namens Schaltfläche erstellen:

.button {
  background-color: #e0ffff;
  color: #ffffff;
}

Sie werden ändern müssen / fügen diese Werte etwas, das zu Ihnen passt. Sie können mehr über css bei w3schools erfahren. Sie wollen wahrscheinlich im Hintergrund sehen, Text, Schriftart und Box-Modell.

In Ordnung, ich habe es dieses Mal!

Ändern Sie Zeile 949 in style.css dazu:

#submitbox #submit, .button {

Ändern Sie Zeile 960 in style.css dazu:

#submitbox #submit:hover, .button:hover {