Support » Allgemeine Fragen » Einzelne Menüpunkte durch runde Punkte trennen

  • Gelöst rankosua

    (@rankosua)


    Hallo,

    ich würde gern die einzelnen Menü-Links durch runde Punkte trennen.

    Hier die Seite:

    http://www.bankhelfer.de/test/

    Zwischen Ratgeber Kredit und Ratgeber Girokonto soll ein kleiner, runder Punkt.

    Und zwischen Ratgeber Girokonto und Ratgeber Banken soll ein kleiner, runder Punkt.

    Ich hoffe jemand kann helfen.

    Beste Grüße

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • .tab-content .ulpost li:last-child {
    	margin:0px;
    }
    .tabs-nav {
    	background:#F8F8F8;
    	list-style:none;
    	margin:0;
    	overflow:hidden;
    	padding:15px;
    	width:100%;
    	position:relative;
    }
    
    .tabs-nav li {
    	overflow:hidden;
    	display:inline;
    	float:left;
    	margin-bottom:-1px;
    
    }
    
    .tabs-nav li.active {
    }
    .tabs-nav li a {
    	letter-spacing:0;
    	outline:none;
    	padding: 10px 10px 8px 10px;
    	text-decoration:none;
    	display:block;
    	font-size:18px;
    	text-align:center;
    	color:#666;
            font-weight:450;
    
    }
    .tabs-nav li a:hover {
    }
    .tabs-nav li a:hover,.tabs-nav li.active a {
    }
    .tabs-nav li.active a {
    	color:#F96611;
            text-decoration:underline;
    
    }
    .tabs-nav.easy-tabs-nav { margin: 0px 0px 35px 0px; }
    .easy-tabs-nav.tabs-nav li { margin: 0px 0px -1px 0px;}
    
    .tabs-nav.easy-tabs-nav {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    
    }

    Moderationshinweis: Wenn du die URL deiner Website angibst, brauchst du das CSS, das deiner Meinung nach in Frage kommt, nicht mehr hier posten. Das lässt sich dann über die Entwickler-Werkzeuge des Browsers viel einfacher auslesen. Viele Grüße, Bego

    Was hast du denn bisher ausprobiert?

    Hier im Forum leisten wir gerne Hilfe zur Selbsthilfe, wenn es um Anwenderfragen zu WordPress geht. Deine Frage zielt aber mehr auf Cascading Style Sheets ab (die kommen dann zwar in einem WordPress-Template vor, aber du könntest die Frage dann genauso in einem Browser-Forum stellen, weil die Website in einem Browser angezeigt wird).

    Eine gute Einführung findest du z.B. im Mozilla Developer Network: https://developer.mozilla.org/de/docs/Web/CSS

    Hallo Bego Mario Garde,

    kann deine sehr gut Begründung verstehen, brauche aber dringend Hilfe.

    Ich weiß, durch ähnliche Websiten, dass ich so einen ähnlichen Code brauche:

    .tabs-nav > li > a:before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        top: 44px;
        left: -14px;
        background: rgb(255, 255, 255);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    Nur leider arbeitet dieser bei mir nicht richtig. Kannst du mir sagen, warum nicht?

    Beste Grüße

    Hier die Lösung 🙂

    .easy-tabs-nav.tabs-nav li:nth-child(1n+2) a {
    padding-left: 0;

    }
    .easy-tabs-nav.tabs-nav li:nth-child(1n+2) a:before {
    content: „\2981“;
    margin-right: 15px;

    }

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Einzelne Menüpunkte durch runde Punkte trennen“ ist für neue Antworten geschlossen.