Avisos
Vaciar todo

Color Fondo Desplegable subelementos

5 Respuestas
2 Usuarios
0 Reactions
16 Visitas
Respuestas: 6
Active Member
Topic starter
 

Hola necesito saber como se pone color de fondo en cada subelemento del desplegable de servicios , gracias

Contenido solo visible a usuarios registrados


 
Respondido : 25/09/2023 4:17 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Cristian, 

En este caso te refieres a los colores de los elementos en el estado, por ejemplo si quieres que se vea en cualquier momento puedes utilizar el siguiente código CSS que debes añadir en el apartado de Apariencia → Personalizar → CSS Adicional

.main-header-menu .sub-menu {
background-color: blue !important;
}

Si lo que quieres es que se muestre de otro color cuando el puntero este sobre él puedes probar el siguiente:

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover {
background: #000000;
color: #ffffff;
}

Revisalo y nos comentas como va todo

Un Saludo 


 
Respondido : 25/09/2023 4:51 pm
Respuestas: 6
Active Member
Topic starter
 

@karen Hola Karen Genial!! Karen ahora solo falta saber como se cambia de color cuando pasas el cursor , ya que el negro no seria el correcto tendria que ser del mismo color que el fondo de la pagina un gris azul , como se puede modificar ?, muchas gracias por tu ayuda


 
Respondido : 25/09/2023 4:56 pm
Respuestas: 6
Active Member
Topic starter
 

Una pregunta Karen porque el fondo de donde dice PAGINAS WEB,TIENDA ONLINE , etc se puede poner fijo sin que pase el cursor y se ponga negro?


 
Respondido : 25/09/2023 4:58 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Cristian,

No logramos comprender del todo lo que nos comentas, quieres que se mantenga fijo en color negro? si es lo que necesitas utiliza el primero código como te compartí en un inicio, te lo comparto nuevamente con color negro:

.main-header-menu .sub-menu {
background-color: #000000 !important;
}

Si, por el contrario, lo que quieres es que se mantenga en blanco y cuando pases el cursor cambie puedes hacerlo con este otro css:

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover {
background: #000000;
color: #ffffff;
}

Un saludo 


 
Respondido : 25/09/2023 5:06 pm