Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Insertar CSS en WordPress

 En algunos casos el tema seleccionado no permite realizar modificaciones y se debe insertar el codigo directamente al CSS del tema, en este ejemplo cambiaremos el color de uno de los items del menu:

Ir a la pagina e inspecionar para verificar si el items que se desea modificar tiene asignada una clase:



En este ejemplo se puede apreciar que el items del menu se encuetra dentro de una "a" que no tiene una clase, por lo tanto se debe tomar en cuenta la clase que se encuentra por encina de la misma, como se puede ver en la imagen:

.menu-item-52

Al tener identificada nuestra clase se estructura el css:

.menu-item-52 a{
color:red;
}
.menu-item-52 a:hover{
color:green;
}

En todo tema seleccionado se encuentra la opcion de escribir en CSS: ir a la Bacheca de Wordpress>>> Aspecto >>> Personalizar



>>> Ir a la ultima opcion (agregar css)



Escribir el codigo CSS, ver cambios y publicar:



Nota: en algunos casos cuando no se toman los cambios se le debe agregar>>> !important para tomar prioridad y se realicen los cambios

Codigo CSS finalizado:

.menu-item-52 a{
color:red !important;
}
.menu-item-52 a:hover{
color:green !important;
}



No hay comentarios:

Publicar un comentario