Avisos
Vaciar todo

Color Fondo Desplegable subelementos  

 
Cristian
 Cristian
Usuario activo

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

Contenido solo visible a usuarios registrados

Citar
Respondido : 25/09/2023 5:17 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 25/09/2023 5:51 pm

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

Cristian
 Cristian
Usuario activo

@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

ResponderCitar
Respondido : 25/09/2023 5:56 pm
Cristian
 Cristian
Usuario activo

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?

ResponderCitar
Respondido : 25/09/2023 5:58 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 25/09/2023 6:06 pm