¿Cómo deshacerse de la tubería en el extremo de un menú en WordPress

Los menús en las páginas Web se construyen utilizando una combinación de listas desordenadas código HTML y Cascading Style Sheet que los estilos de las listas como menús. La mejor manera de añadir "tubos" - líneas de separación verticales entre los elementos de menú - es agregar un borde en el lado derecho de cada elemento de la lista. Esto causa un problema, sin embargo, cuando el último elemento del menú también muestra una tubería. En WordPress, puede iniciar sesión y cambiar la hoja de estilo para añadir una regla especial para el último elemento del menú. El uso de ": el último niño" en CSS, la frontera desaparecerá en la última opción de menú solamente.

Instrucciones

1 Vaya a "Apariencia" en el interior del panel de WordPress, y haga clic en "Editor" para cargar la pantalla de edición de temas. Desplazarse hacia abajo para el enlace "style.css", y haga clic para cargar el archivo de hoja de estilos para su tema.

2 Busque la regla de estilo que los efectos de las etiquetas de la lista de elementos que componen su menú:

Menú li {}

Aunque este código es diferente entre cada tema, se suele encontrar un nombre de identificación o de clase frente a "li", que selecciona la opción "<li>" etiqueta en el código HTML. También se encuentra la propiedad de borde que crea la tubería:

border-left: colorname sólido 1px;

3 Duplicar toda la regla de estilo para los elementos de menú, y añadir ": last-child" después de "li":

Menú li: last-child {

border-right: colorname sólido 1px;

}

4 Cambie la propiedad "frontera" dentro de la nueva regla de estilo:

Menú li: last-child {

border-right: 0px colorname sólida;

}

Dar la propiedad border una anchura cero píxeles. Esto suprime la frontera en el lado derecho del elemento de menú, por lo tanto, la eliminación de la tubería en su página web. Actualizar el archivo para guardar los cambios.