Avisos
Vaciar todo

CAmbiar color a botones de woocomerce y advanced booking calendar

12 Respuestas
3 Usuarios
0 Reactions
49 Visitas
Respuestas: 1011
Noble Member
Topic starter
 

Hola de nuevo: ya la parte estructural del sitio de la guarderaia canina esta listo, a mi gusto y cumpliendo en lo funcional con las necesidades, creo que es la primera guarderia canina en Colombia con serviciop de reservas On Lines. Estoy puliendo detalles visuales,  de navegabilidad a los usuarios( embudo de compras) a traves de botones que los lleven a tomar desiciones correctas, pero m encuaentro que el sitio ha quedado con tres colores de botonese; un morado por defecto en woocomerce (carrito) un azul celeste por defecto n advanced bookin calendar y los que ghe diseñado con al azul del sitio ( el prrdominante en el logo), como los pongo al del logo? par los de woocomerce he visto algunos tutoriales con un pluagon, pedro los del plaugin advanced bookink) alguna buena idea? 

https://guarderiacaninasoldeoriente.com/

 

 


 
Respondido : 24/04/2020 9:55 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos,

Prueba si con el siguiente código es suficiente, agrégalo desde el administrador de Wordpress -> Apariencia -> Personalizar -> CSS Adicional:

button{
background-color:#4670C6 !important;
}

Saludos 


 
Respondido : 24/04/2020 10:37 pm
Respuestas: 1011
Noble Member
Topic starter
 

@bulmaro-webempresa

Mil grcis funionó con los botones de Woocomerce, pero no con los de advanced booking calendar

 

 


 
Respondido : 25/04/2020 1:49 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@cagudelohyahoo-es

Hola Carlos,

Gracias, por favor agrega el siguiente CSS de la mi0msa manera que el anterior código:

#abc-widget-wrapper .abc-form .abc-widget-row .abc-submit, #abc-form-wrapper #abc-form-content .abc-form-row .abc-submit{
background:#4670C6 !important;
}

Saludos 🙂


 
Respondido : 25/04/2020 2:10 am
Respuestas: 1011
Noble Member
Topic starter
 

@bulmaro-webempresa

Hola cambie el codogo del color a 4771c7 pero veo algunos botones nativos de woedpress  transparentres y al pasarles el mouse pasan a gris oscuro 

y los del plugin advanced booking calendar siguen en su mismo color por defecto https://guarderiacaninasoldeoriente.com/reservas/ asumo que estos deben cuadrarse por codigo, perro ni idea


 
Respondido : 25/04/2020 3:01 pm
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Carlos.

Por favor puedes adjuntar una captura de lo que quieres modificar, nos resultara mas rápido poder identificarlo y darte una solución mas rápida.

PD: la URL de Youtube es por algo en concreto ?

 

Un saludo


 
Respondido : 25/04/2020 4:31 pm
Respuestas: 1011
Noble Member
Topic starter
 

@pepesoler

Hola pepe. simplemente quiero que  en mi mi sitio https://guarderiacaninasoldeoriente.com/ , todos los botones: tanto los que he creado con elementor, mas los nativos de wordpress y los botones nativos del plugin advanced bookin calendar, tengan al menos el mismo color. lo de la url de youtuibe es un tutorial que vi al respecto


 
Respondido : 25/04/2020 6:04 pm
Respuestas: 1011
Noble Member
Topic starter
 

@bulmaro-webempresa

Hola los botones nativos de woocomrce siguen en gris y al pasar el mopuse sobre se oscurecen, y los botones nativos del plugin de reservas siguen en su color azul x claro por defecto. lo ms facil va a ser pasar los que diseñe al color azul claro e intentar poner ese color en reemplazo del que tengo el el logo

 


 
Respondido : 25/04/2020 6:09 pm
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Carlos.

Por favor adjunta una captura o aun URL de los botones que quieres modificar.

El único que veo es del formulario que puedes modificador con lo siguiente;

 

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: #6EC1E4;
}

 

Lo demás lo veo en Azul:

screenshot guarderiacaninasoldeoriente.com 2020.04.25 20 55 10

 

Un saludo


 
Respondido : 25/04/2020 6:56 pm
Respuestas: 1011
Noble Member
Topic starter
 

hola pepe, mil gracias, te ajunto link donde vera un boton nativo de advanc bookin calendar en un tono diferente de azul https://guarderiacaninasoldeoriente.com/reservas/ y aca https://guarderiacaninasoldeoriente.com/carrito/ uno nativo de wp en gris texto volver a la tienda, yo hice el grande en azul https://guarderiacaninasoldeoriente.com/carrito/

 


 
Respondido : 25/04/2020 8:34 pm
Respuestas: 1011
Noble Member
Topic starter
 

No funciono https://guarderiacaninasoldeoriente.com/contactenos/

 


 
Respondido : 25/04/2020 8:38 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Carlos,

Agrega el CSS siguiente:

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
background-color:#4670C6 !important;
}

Saludos 🙂


 
Respondido : 26/04/2020 4:21 am