Hvordan bli kvitt av røret på slutten av en meny i WordPress

Menyer i Web-sider er bygget ved hjelp av en kombinasjon av HTML-sorterte lister og Cascading Style Sheet kode som stiler listene som menyer. Den beste måten å legge til "rør" - vertikale skillelinjer mellom menyelementer - er å legge til en ramme på høyre side av hvert element i listen. Dette forårsaker et problem, men når den siste menyelementet viser også et rør. I WordPress, kan du logge inn og endre stilark for å legge til en spesiell regel for siste menyvalget. Bruke ": siste barnet" i CSS, vil grensen forsvinner på siste menyvalget bare.

Bruksanvisning

1 Naviger til "Utseende" inne i WordPress dashbordet, og klikk "Editor" for å laste Rediger Temaer skjermen. Bla ned til "style.css" linken, og klikk for å laste stilark filen for temaet.

2 Finn stilen regel som effekter artikkellisten kodene som utgjør menyen:

meny li {}

Selv om denne koden er forskjellig mellom hvert tema, vil du vanligvis finne en ID eller klasse navn foran "li" som velger "<li>" tag i HTML-koden. Du vil også finne grensen eiendommen som skaper røret:

border-left: 1px solid colorname;

3 Duplicate hele stilen regel for menyelementer, og legge til ": last-child" etter "li":

Menyen li: last-child {

border-right: 1px solid colorname;

}

4 Endre "grensen" eiendom inne i den nye stilen regel:

Menyen li: last-child {

border-right: 0px solid colorname;

}

Gi grensen eiendommen en null-pixel bredde. Dette undertrykker grensen på høyre side av menyelement, derfor fjerne røret på websiden. Oppdater filen for å lagre endringene.