Avisos
Vaciar todo
Administración WordPress
8
Respuestas
3
Usuarios
0
Reactions
24
Visitas
Topic starter
Hola,
Los de SEM me han cambiado añadido un botón de contacto en la cabecera, el problema es que no me gusta nada el diseño y me dicen que no hay más opciones por el tipo de menu...
Me gustaría saber si esto es cierto o se puede currar un poco más esto...
Han añadido estas lineas:
/*botón del header demo*/
.button {
background-color: #066aab;
color: white;
text-align: center;
display: inline-block;
border-radius:100px!important;
}
Pero yo revisando, veo que si por ejemplo intento cambiar el color de la letra de White a Black, por ejemplo, no funciona...
Si intento añadir por ejemplo:
Si intento añadir por ejemplo:
.button:hover {
background-color: #45a049; (Color X)
}
*No funciona tampoco
background-color: #45a049; (Color X)
}
*No funciona tampoco
Esto se podría cambiar de alguna otra forma, o tienen razón y no hay forma de solucionarlo?
Gracias!
Contenido solo visible a usuarios registrados
Respondido : 06/10/2023 8:18 am
Hola Ramón.
Podrias utilizar el ID del menu para realizar las modificaciones en ese elemento solo pero ahora mismo no veo que este añadido o no se exactamente que boton es el que quieres modificar.
Si puedes adjuntar una captura del boton que quieres modificar seria de ayuda.
Un saludo
Respondido : 06/10/2023 8:42 am
Topic starter
Hola @pepesoler,
Perdóname, lo había quitado... Lo he vuelto a poner para que lo veas.
Esta publicación ha sido modificada el hace 2 años 2 veces por Ramon
Respondido : 06/10/2023 8:45 am
Hola Ramón.
Prueba con esto:
li#menu-item-28433 {
fill: #FFFFFF;
color: #FFFFFF;
background-color: #437097;
border-style: solid;
border-width: 2px 2px 2px 2px;
margin-top:5px;
border-radius:15px!important;
}
li#menu-item-28433 a span{
font-size: 15px;
}
li#menu-item-28433:hover{
background-color: #45a049;
}
li#menu-item-28433 a:hover span{
color:#fefefe;
}
Un Saludo
Respondido : 06/10/2023 9:32 am
Topic starter
Respondido : 06/10/2023 11:05 am
Hola Ramón.
Por favor no hagas modificaciones mientras lo estamos revisando.
Deja el codigo que te indique antes y no lo modifiques.
Un saludo
Respondido : 06/10/2023 11:42 am
Topic starter
En principio cuando lo he puesto no he tocado nada, igual ha sido una empresa externa que tengo contratada...
Respondido : 06/10/2023 2:23 pm
Hola Ramon,
Veo que actualmente el botón se visualiza de esta forma.
Estos estilos probablemente los añadieron en alguna parte del tema, probemos lo siguiente eliminar cualquier código CSS anterior que añadiste para modificar el botón y prueba el siguiente
/*Nuevos estilos botón menú*/
body .button {
background-color: transparent !important;
}
body .button a .text-wrap {
background: #598fbf;
padding: 15px 35px;
border-radius: 100px;
border: 2px solid #ffffff;
}
body .button:hover{
background-color: transparent !important;
}
body .button a .text-wrap:hover {
background: #222222 !important;
color: #ffffff !important;
}
Ten en cuenta borrar la cache del navegador y sitio web para ver los cambios.
Luego de ello revisa si los estilos del botón cambian como necesitas.
Verifícalo y nos comentas como va todo
Un Saludo
Respondido : 06/10/2023 3:06 pm
