¿Cómo personalizar la apariencia del botón Suscríbete2 en WordPress?

Question

Soy muy nuevo en WordPress y no tengo experiencia en PHP o CSS...

quiero usar Suscríbete2 complemento en mi blog, junto con iNove tema.Cuando agrego el widget, los botones Suscribirse/Cancelar suscripción se representan en la forma "clásica", lo que hace que la página sea bastante fea (el blog está en: http://www.adlerr.com)

¿Cómo puedo personalizar la apariencia de los botones?Estoy listo para escribir algo de PHP/CSS si recibo las instrucciones adecuadas...

El código que genera los botones está aquí:

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

Y hay botones para un estilo adecuado. aquí:abajo a la derecha, el botón "Enviar comentario", que es de clase "botón":

El código que genera el botón Enviar comentario es:

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

¿Qué debo hacer para que los botones Suscribir/Cancelar suscripción se parezcan al botón "Enviar comentario"?

Su ayuda es muy apreciada, gracias.

Answer 1

La diferencia entre los botones sin estilo y el estilo es que los botones sin estilo no tienen un atributo de clase "botón" =.

Usted debe ser capaz de entrar en WP, haga clic en complementos, haga clic en editar en el plugin Subscribe2 y encontrar donde el input type = submit botones son y añadir una clase de "botón" = a ellos.

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

Editar En el archivo CSS, tendrá que crear un botón de clase llamada:

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

Tendrá que cambiar / agregar estos valores a algo que le convenga. Puede encontrar más información sobre css en w3schools . Usted probablemente tendrá que buscar en el fondo, texto, fuente y modelo de caja.

Está bien, lo tengo esta vez!

Cambiar la línea 949 en style.css a esto:

#submitbox #submit, .button {

Cambiar la línea 960 en style.css a esto:

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