CSS para elemento de menú en Wordpress  

 
Julio
 Julio
Usuario experto

Hola,

En esta web, me gustaría dar un estilo diferente al elemento del menú que se llama "Pedir cita", quiero ponerle un background naranja, la letra un poco más grande y que cuando haga hover cambie a los colores inversos.

El problema es que en apariencia-menu de mi panel de control en Wordpress he activado la función para asignar clases, le asigno una que pone: pedirCita , y luego, en el archivo css del tema pongo este código para probar:

.pedirCita {

font-size: 18px
padding: 5px;
background: orange;
color: white;
}

Sin embargo, no hace nada...qué está fallando?

Gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/06/2017 11:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

No veo ningún elemento con el Item que nos indicas.

Si revisas cada item de menú con el inspector veras que cada elemento tiene un ID: id="menu-item-17119"

Este IDE lo puedes utilizar para añadir un estilo diferente a es elemento, por ejemplo para el elemento Diseño Web seria algo como esto :

#menu-item-17119 {
 font-size: 18px
padding: 5px;
background: orange;
color: white;
}

Para el hover seria lo mismo:

#menu-item-17119 :hover {
    background-color: #d8c;
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/06/2017 1:05 pm

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

Julio
 Julio
Usuario experto

Sí, mil gracias, justo lo vi después.

Un abrazo y buen día!

ResponderCitar
Respondido : 29/06/2017 2:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Nada, me alegra que al final encontraras la forma de solucionarlo :cheer:
Cualquier consulta que tengas ya sabes que nos encontrarás por aquí. 😉

Cerramos el tema.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/06/2017 2:13 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro