Border CSS funktioniert nicht

wp_user · 5. Januar 2020

Hallo,

ich benutze Wordpress, um eine Website zu designen nun wollte ich mit einer Border-Bottom einen Unterstrich der Unterpunkt bei den Hauptpunkten machen (wenn man auf einem Hauptpunkt ist sieht an wie es aussehen soll). Nun ist die Frage wie ich die Border-Bottom näher an meinen Überpunkt bekomme(mit Margin verschiebt sich nur der Überpunkt und mit Pudding passiert gar nichts). Mein jetziges CSS sieht so aus:

.current_page_ancestor {border-bottom: 3px solid #03a9f4;}

Sie können sich ja mal die Seite angucken: http://www.monte2020bor.de

Ich hoffe, Sie versehen meine Frage.

Mit freundlichen Grüßen

m.scatello · 5. Januar 2020

Warum border beim li-Element und nicht text-decoration: underline beim a-Tag?

wp_user · 5. Januar 2020

Beim Theme wurde mit Border-Bottom gearbeitet somit wollte ich es identisch machen.

wp_user · 5. Januar 2020

gibt es da eine Lösung??

m.scatello · 5. Januar 2020

Und warum stellst du die Frage hier nochmal, hast du doch schon hier gemacht: https://de.wordpress.org/suppo…rmenuepunkte-hervorheben/

wp_user · 5. Januar 2020

Ja die haben mich zu einem CSS Forum geschickt

m.scatello · 5. Januar 2020

Versuche es mal im Customer-CSS mit

Code

ul.dropdown-menu > li > a { line-height: 10%; }

PS: im Bereich "Fragen und Antworten zum Board" bist du aber völlig falsch, das gehört eigentlich in den CSS-Bereich

wp_user · 5. Januar 2020

funktioniert leider nicht da verschiebt sich auch die Linie bei den Oberpunten nach oben

basti1012 · 5. Januar 2020

probier mal mit after zu arbeiten

Code

ul > .current-menu-ancestor:after {
    border-bottom: 3px solid #03a9f4;
    content: '';
    width: 100%;
    margin-top:1px;
    display: block;
}

mit margin-top kannst du dann den Abstand festlegen

wp_user · 5. Januar 2020

Danke!!!

wp_user · 5. Januar 2020

noch eine Frage, wenn ich das dann für die nächste Ebene und 2 Ebenen weiter machen möchte. Welchen CODE muss ich dann hinzufügen?

wp_user · 5. Januar 2020

sorry hat sich schon erledigt

Border CSS funktioniert nicht

Jetzt mitmachen!

Teilen

Tags