Pregunta sobre Material Design for Contact Form 7 de Wordpress:

驴Insertar icono de bot贸n sin texto?

Un usuario pregunt贸 馃憞

Solo quiero que una flecha sea correcta para el bot贸n de enviar, pero no puedo encontrar la manera de agregar un icono al bot贸n de enviar. El plugin no tiene configuraci贸n para agregarlo. Intent茅 codificar mucho mirando el icono del campo de texto del correo electr贸nico que ten铆a all铆, pero no funcion贸

Tambi茅n estoy probando esto justo al lado del campo de correo electr贸nico con la misma altura. El resto de la forma estilizada espera esto.

Yendo por este look
https://imgur.com/a/Vo8sX25

Agradecemos cualquier ayuda para insertar el icono. El resto probablemente se pueda resolver con espaciado, etc.

PD .. Este formulario est谩 en el pie de p谩gina del sitio.

Gracias.

Este tema fue modificado hace 10 meses, hace una semana por.

(@ contactform7addons)

Hace 10 meses, 1 semana

Hola Scott,

Deber铆a poder poner el c贸digo del icono en el bot贸n de env铆o de esta manera.

[md-submit]
[submit "<i class='material-icons'>arrow_right</i>"]
[/md-submit]

No prob茅 eso. Si no funciona, es posible que deba hacerlo con JavaScript. Cambia tu bot贸n de enviar a鈥

[submit class:submit-btn-arrow "Send"]

Luego agregue este JavaScript a su p谩gina. Su tema puede tener una entrada de JavaScript personalizada, o puede saber c贸mo hacerlo editando archivos de tema hijo. De lo contrario, use un plugin para agregar JavaScript personalizado.

jQuery(document).ready(function() {
  setTimeout(function() {
    jQuery('.submit-btn-arrow').html('<i class="material-icons">arrow_right</i>');
  }, 500)
});

Tenga en cuenta que lo dej茅 acostado, espaciado, etc. Esto solo coloca la flecha en el bot贸n de enviar.

Gracias angus

(@ scott74)

Hace 10 meses, 1 semana

Gracias, funcion贸 … 驴Podr铆as decirme que los selectores de CSS se concentren en presionar el bot贸n contra el campo de correo electr贸nico sin espacio … Eso parece obvio.

Hay muchos objetivos de la SEC para personalizar todo. una interfaz trasera genial que cambiar铆a los colores de cada elemento y lo ver铆a visualmente para cada formulario en el que est茅 trabajando. 馃檪

(@ scott74)

Hace 10 meses, 1 semana

Use un margen negativo en el bot贸n que pareci贸 funcionar. No estoy seguro de si es la forma correcta de hacerlo, pero parece estar bien.

Una lista de todos los selectores de CSS ser铆a 煤til para centrarse en cosas un poco m谩s complejas como el desplazamiento, los estados no v谩lidos, etc. – Cambiar botones, etc.

Sin embargo, todo un plugin genial. Gracias鈥

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *