Wie loswerden der Leitung am Ende eines Menüs in WordPress

April 29

Wie loswerden der Leitung am Ende eines Menüs in WordPress

Menüs in Web-Seiten werden über eine Kombination aus HTML ungeordnete Listen und Cascading Stylesheet-Code, der die Listen als Menüs von Formatvorlagen erstellt. Fügen Sie "Pipes"--vertikale Trennlinien zwischen Menüelementen--am besten ist es, einen Rahmen auf der rechten Seite jedes Elements in der Liste hinzufügen. Dadurch wird ein Problem, jedoch beim letzte Menüpunkt auch ein Rohr zeigt. In WordPress können Sie sich einloggen und ändern Ihr Stylesheet um eine Sonderregel für das letzte Menüelement hinzuzufügen. Mit ": letzte-Kind" in CSS, die Grenze wird auf den letzten Menüpunkt nur verschwinden.

Anweisungen

1 Navigieren Sie zur "Erscheinung" WordPress Dashboard, und klicken Sie auf "Editor", um den Bildschirm bearbeiten Themen zu laden. Blättern Sie zu den "style.css"-Link, und klicken Sie, um die Stylesheet-Datei für Ihr Thema zu laden.

2 Suchen Sie die Stilregel, dass die Auswirkungen der List-Element-Tags, die Ihr Menü bilden:

im Menü li {} Obwohl dieser Code zwischen jedes Thema unterscheidet, finden Sie in der Regel eine ID oder Klasse Namen vor "li", das "< li >"-Tag im HTML Code wählt, die. Sie finden auch die Border-Eigenschaft, die das Rohr erstellt:

linke Grenze: 1px solid Colorname;

3 Die gesamte Stilregel für die Menüelemente zu duplizieren, und fügen Sie ": letzte-Kind" nach "li":

im Menü li: letztes Kind {} Rand rechts: 1px solid Colorname;

}

4 Ändern Sie die Eigenschaft "Grenze" in die neue Formatierungsregel:

im Menü li: letztes Kind {} Rand rechts: 0px solid Colorname;

}

Der Border-Eigenschaft eine NULL-Pixel-Breite zu geben. Dies unterdrückt die Grenze auf der rechten Seite des Menüelements, daher das Rohr auf Ihrer Webseite zu entfernen. Aktualisieren Sie die Datei, um die Änderungen zu speichern.