¿Cómo personalizar la apariencia del botón Suscríbete2 en WordPress?
-
19-09-2019 - |
Pregunta
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') . "\" /> <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.
Solución
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 {