Personalizar botón de respuesta en Wordpress

  • Autor Autor Caffa
  • Fecha de inicio Fecha de inicio
Caffa

Caffa

Delta
Social Media
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Bueno necesito modificar el boton de respuesta de los comentarios.

Yo tengo uno así :
Enlace eliminado

pero me gustaría poder colocar este:
Enlace eliminado

el css del boton es el siguiente:
form#commentform p.button { text-align: left; }
 
tenes que poner en el css o directamente en el formulario image del buton y le das los atributos
 
y eso comosería ? porque soy medio tosco, probé con background pero no puedo :s. en el formulario como sería ?
 
ponle el mismo nombre al boton que quieres y remplazalo por el de tu tema la imagen la encuentra en la carpeta de tema mas facil y sencillo
 
no, porque no es una imagen. la verdad no se que es, creo que son los botones por defecto pero no posee imagen.
 
Date una vuelta por este sitio:

Top 10 CSS buttons tutorial list


o simplemente busca en google "CSS Buttons" hay bastantes tutoriales en Internet, de hecho ese sitio lo encontré buscando con esos términos
 
muchas gracias, los veo y luego comento 😉
 
El código es así (según mi theme):

Insertar CODE, HTML o PHP:
#submit {
	   background: url("/imagen.png") no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

Y le quitas el texto al formulario para que solo quede el botón.
 
esto s lo que puse en mi css
Insertar CODE, HTML o PHP:
#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

y esto lo que tengo en el coments.php:
HTML:
<p class="submit">
	<button class="submit" type="submit" id="submit" tabindex="5"><span>Submit Comment</span></button>
	<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

Pero sigue sin funcionar
 
El código html para mostrar un boton debería ser:

HTML:
<input name="submit" type="submit" id="submit" value="" />

Yo generalmente no uso la etiqueta button, pruebalo y debería funcionar, si no revisa que la imagen exista y este en el directorio del tema, en caso de que siga sin funcionar cambia el código para que sea más específico:

HTML:
input#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

Ah por cierto, todo el formulario de comentarios debería estar en un formulario "<form>" me parece raro que tu theme lo maneje como párrafo.

Ahora si quieres mantener el código como lo tienes me parece que con colocar esto debería funcionar en teoría:

Insertar CODE, HTML o PHP:
p.submit button#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

También fíjate que no tengas otra etiqueta con la ID "submit", igual y es por eso que no funciona.
 
para intentar hacerlo ás facil cree este nuevo:

Insertar CODE, HTML o PHP:
.btn {
           background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

y así me quedó el html:
Insertar CODE, HTML o PHP:
<p class="button">
	<button class="btn" type="submit" id="submit" tabindex="5"><span>Enviar</span></button>
	<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

no tendría que funcionar así ?
 
Atrás
Arriba