Avisos
Vaciar todo

[Resuelto] Cambiar el color de enviar formulario en versión mobile  

 
Akiter
 Akiter
Estimable Member

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
Akiter
 Akiter
Estimable Member

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

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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
Montserrat
 Montserrat
Nuevo usuario

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] {
  1. background: #98c11d;
  2. border: none;
  3. display: inline-block;
  4. padding: 10px 15px;
 
con eso deberias de lograr el cambio de color en el boton
Respondido : 06/09/2021 11:33 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Akiter
 Akiter
Estimable Member

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
Montserrat
 Montserrat
Nuevo usuario

@marketingakiter-com

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Akiter.

Lo estoy probando y veo que se muestra bien:

screenshot nimbus capture 2021.09.06 13 06 49

 

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
Akiter
 Akiter
Estimable Member

Genial! Creo que ya está solucionado entonces. Muchas gracias Pepe y Montse por la ayuda 😀

Un saludo!!

Respondido : 06/09/2021 12:12 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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