Avisos
Vaciar todo
Hola, hace unas semanas os escribí para cambiar el color .css de el botón enviar en un formulario de gravityforms. Me dí cuenta hoy de que solo lo cambié en la versión escritorio de ordenador, pero en mobile sigue igual. ¿Cuál sería el código que tengo que añadir a css adicional para que se cambie el color al principal de la web?
Contenido solo visible a usuarios registrados
Respondido : 06/09/2021 10:57 am
La url donde pasa esto es esta https://www.akiter.com/calculadora-akiter/ únicamente en la versión mobile se ve en otro color
Respondido : 06/09/2021 11:06 am
Hola Akiter
Prueba con lo siguiente:
.pp-gravity-form .gform_footer input[type=submit], .pp-gravity-form .gform_footer input[type=button], .pp-gravity-form .gform_page_footer input[type=submit], .pp-gravity-form .gform_page_footer input[type=button] {
background: #98c11d;
}
Tienes un curso de CSS que te ayudara a entender como funciona CSS e identificar las clases de cada elemento para poder realizar modificaciones:
-> https://www.webempresa.com/university/curso-css-wordpress/
Un saludo
Respondido : 06/09/2021 11:30 am
Hola!
Intenta pegar este CSS
.pp-gravity-form .gform_footer input[type=submit], .pp-gravity-form .gform_footer input[type=button], .pp-gravity-form .gform_page_footer input[type=submit], .pp-gravity-form .gform_page_footer input[type=button]
- background: #98c11d;
- border: none;
- display: inline-block;
- padding: 10px 15px;
con eso deberias de lograr el cambio de color en el boton
Respondido : 06/09/2021 11:33 am
Hola Pepe, he puesto el código que me dices pero en la versión mobile sigue estando en color azul. No sé porque se puso ese color, antes estaba del color de la marca.
Muchas gracias por tu ayuda.
Respondido : 06/09/2021 11:33 am
Igual si el CSS lo colocas dentro del editor CSS de Avada: en el custom branding plugin de avada hay una caja que dice "CUSTOM CSS for admin pages". Me ha pasado que cuando pongo el CSS en la parte de personalizar CSS de WP no me efectual los cambios y tengo que hacer la modificación desde la consola/pluggin del tema.
El código de Pepe ahí quizá te de los resultados que buscas...
Respondido : 06/09/2021 11:53 am
Hola Akiter.
Lo estoy probando y veo que se muestra bien:
Añade la etiqueta !important:
.pp-gravity-form .gform_footer input[type=submit], .pp-gravity-form .gform_footer input[type=button], .pp-gravity-form .gform_page_footer input[type=submit], .pp-gravity-form .gform_page_footer input[type=button] {
background: #98c11d!important;
}
Un saludo
Respondido : 06/09/2021 12:09 pm
Genial! Creo que ya está solucionado entonces. Muchas gracias Pepe y Montse por la ayuda 😀
Un saludo!!
Respondido : 06/09/2021 12:12 pm
Hola Akiter.
Nada Gracias a ti 😀
Cualquier consulta que tengas no dudes en comunicarlo.
Cerramos el tema.
Un saludo
Respondido : 06/09/2021 12:33 pm
