Comment personnaliser l'apparence du bouton Subscribe2 dans WordPress?

Question

Je suis très nouveau pour WordPress et n'a aucune expérience en PHP ou CSS ...

Je veux utiliser Subscribe2 plugin dans mon blog, ainsi que thème INOVE. Quand j'ajoute le widget, le Inscription / boutons Se désabonner sont rendus dans la voie « classique », ce qui rend la page assez laid (le blog est à: http://www.adlerr.com )

Comment puis-je personnaliser l'apparence des boutons? Je suis prêt à écrire un peu de PHP / CSS si je reçois des instructions appropriées ...

Le code sortie des boutons est ici:

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

Et il y a des boutons sera bon stying : bas à droite, le « soumettre le commentaire » bouton, qui est de la classe « bouton »:

Le code à générer sur le bouton Envoyer des commentaires est:

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

Que dois-je faire pour SUBSCRIBE / boutons Se désabonner ressemblent le bouton « Soumettre Commentaire »?

Votre aide est très appréciée, merci.

Answer 1

La différence entre les boutons et sans style est de style que les boutons ne sont pas sans style un attribut de class = « bouton ».

Vous devriez être en mesure de se connecter à WP, cliquez sur les plugins, cliquez sur Modifier le plugin Subscribe2 et trouver où le type d'entrée = boutons de soumission sont et ajouter une class = « bouton » pour eux.

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

Modifier Dans votre fichier css, vous souhaitez créer un bouton appelé classe:

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

Vous devez changer / ajouter ces valeurs à quelque chose qui vous convient. Vous pouvez en savoir plus sur à W3Schools css. Vous voudrez probablement regarder fond, du texte, la police et le modèle de boîte.

D'accord, je l'ai cette fois-ci!

Modifier la ligne 949 style.css à ceci:

#submitbox #submit, .button {

Modifier la ligne 960 style.css à ceci:

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