Avisos
Vaciar todo

[Resuelto] cambiar color de boton

7 Respuestas
2 Usuarios
0 Reactions
18 Visitas
Respuestas: 1669
Noble Member
Topic starter
 

como cambio el color  de los botones no me doy cuenta.... lo que dice noticias, contacto ,, live chat. pude cambiar nombre pero color no lo veo

esta es la weeb

https://santoybuenamor.com/divi/

botones

 
Respondido : 20/02/2020 1:02 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Fabiana.

Añade lo siguiente al archivo style,css que encontrarás dentro de la carpeta de la plantilla wpcontent -> Themes -> divi

 

body #page-container .et_pb_section .et_pb_button_0 {
background-color:#ffa727;
}

body #page-container .et_pb_section .et_pb_button_1 {
background-color:#ffa727;

}

.et_pb_blurb_0.et_pb_blurb {
background-image: linear-gradient(90deg,#ffffff 0%,#ffa727 100%);


}

 

En este enlace tienes una tabla de colores:

https://htmlcolorcodes.com/es/

 

Un saludo


 
Respondido : 20/02/2020 2:15 pm
Respuestas: 1669
Noble Member
Topic starter
 

@pepesoler

pepe perdon pero soy nueva en esto, lo hago por cpanel o hay algun plugin para ver las carpets y editar el archivo y agregar el css que me pasaste?


 
Respondido : 21/02/2020 11:40 am
Respuestas: 1669
Noble Member
Topic starter
 

y pude lo agregue en personlaizar css


 
Respondido : 21/02/2020 12:16 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Fabiana.

No te preocupes, estamos para ayudarte en lo podamos 😉 

Mejor desde cPanel.

.- Accedes a tu cuenta de cpanel -> Administrador de archivos.

screenshot cp151.webempresa.eu 2083 2020.02.21 13 09 22

.- Selecciona la Carpeta " Public_html "

.-Seleccionan la carpeta " divi "

.- seleccionas las carpetas wpcontent -> Themes -> divi

.- Edias el archivo style.css seleccionandolo con el botón de la derecha 

screenshot cp64.webempresa.eu 2083 2020.02.21 13 16 33

 

Utilizas DIVI y este tiene una opción para poder añadir Código CSS

.- Accede a la administración de WordPress -> DIVI -> Opciones del tema

.- Selecciona la pestaña " General "

.- Al final de todas las opciones verás que tienes un bloque con el nombre " CSS personalizado "

.- Añade el código al final de ese bloque

Screenshot 2020 02 21 13.36.50

 

Si ves que después de añadirlo en ese bloque no se muestra, revisalo con el navegador en incognito:

-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

Si aun en incógnito sigue sin mostrarse entonces añades el código en el archivo style.css.

 

Un saludo

 


 
Respondido : 21/02/2020 12:41 pm
Respuestas: 1669
Noble Member
Topic starter
 

muchas gracias 


 
Respondido : 26/02/2020 1:07 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Fabiana.

Nada, un placer poder ayudaros.

Cerramo el tema.

 

Un saludo


 
Respondido : 26/02/2020 2:20 pm