Come personalizzare il pulsante Subscribe2 aspetto in WordPress?

Question

Sono molto nuovo a WordPress e non hanno PHP o CSS esperienza ...

Mi voglio usare Subscribe2 plug-in nel mio blog, insieme a iNove tema. Quando ho aggiungere il widget, l'Subscribe / pulsanti Cancellati sono resi nel modo "classico", che rende la pagina abbastanza brutto (il blog è all'indirizzo: http://www.adlerr.com )

Come posso personalizzare l'aspetto dei pulsanti? Sono pronto a scrivere un po 'di PHP / CSS se ottengo le istruzioni corrette ...

Il codice di emissione dei pulsanti è qui:

$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";

E ci sono dei pulsanti sarà corretta unsoggiorno qui : fondo a destra, il pulsante "Invia commento", cioè della classe "bottone":

Il codice che genera il pulsante commento Inviare è:

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

Cosa devo fare per rendere l'Iscriviti / Cancellati pulsanti sembrano il pulsante "Invia commento"?

Il vostro aiuto è molto apprezzato, grazie.

Answer 1

La differenza tra i pulsanti senza stile e stile è che i pulsanti senza stile non hanno un attributo della classe di "pulsante" =.

Si dovrebbe essere in grado di accedere a WP, fare clic su plug-in, fare clic su Modifica il plugin Subscribe2 e trovare dove l'input type = pulsanti sono presentare e aggiungere un class = "button" per loro.

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

Modifica Nel file CSS, si vuole creare un pulsante classe chiamata:

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

È necessario modificare / aggiungere questi valori a qualcosa che fa per voi. Potete trovare maggiori informazioni su css a w3schools . Si avrà probabilmente vuole guardare sfondo, testo, font, e il modello di dialogo.

Va bene, ho capito questa volta!

Cambia la linea 949 in style.css a questo:

#submitbox #submit, .button {

Cambia la linea 960 in style.css a questo:

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