Hallo zusammen, weiß von Euch jemand wie ich die Buttons vom Kundenlogin-Menü mit Merkzettel welches über dem Header rechts steht über dem Warenkorb-Symbo die Ecken abrunden kann? Ich finde diese Funktion leider nicht. Siehe Bild, Dankeschön für den Tipp. Frohes Schaffen. LG Joachim
Versuche es mit... Code: nav > ul.navbar-nav { border-top-right-radius: 10px; /* oder was auch immer */ }
Hallo Monevo, sorry ich bin da leider kein erfahrener Benutzer, wo und wie genau soll ich diesen Code eintragen? Dankeschön. LG Joachim
Wenn du mit StyleEdit arbeitest, dann kannst den Code dort irgendwo als manuelles CSS o.ä ablegen und speichern. Ansonsten erstellst du eine Datei z.B. "custom.css" unter "templates/Honeygrid/usermod/css/" also "templates/Honeygrid/usermod/css/custom.css" und fügst in die erstellte Datei den Code ein. Seite neuladen und das Ergebnis sollte in der Regel direkt zu sehen sein. Eventuell wirst du noch ein Radius definieren müssen, wenn du die Maus über die Einträge bewegst.
Hi moneva, Danke für deine Mühe, ich habe es im Styleedit3 probiert und dort bei Gambio StyleEdit in einem Aktivem Style bei Eigenes CSS hinzufügen öffnet sich folgendes Fenster: @media (min-width: $grid-float-breakpoint) { #outer-wrapper { @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); } #header { background: transparent; } #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } } hier habe ich den Code über dem Header eingefügt, hat aber nicht funktioniert. Auch die manuelle custom.css über den Editor erstellt und als css gespeichert per FTP in den entsprechenden Ordner hochgeladen hat auch nicht geklappt. Schade. Wenn es keine Lösung gibt dann ist das für mich so OK wäre halt reine Kosmetik. ;-) LG Joachim
Hier der ganze Code Code: nav > ul.navbar-nav > li:last-child, nav > ul.navbar-nav > li:last-child a:hover{ border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; }
Das ist auch nicht notwendig, den kannst du hinsetzen wo du möchtest. Und monevo´s Code funktioniert, den hatte ich heute morgen auch schon für dich rausgesucht und probiert. Allerdings hatte monevo vor mir geantwortet.
Hallo Ihr zwei, danke für die Info. Habe den jetzt eingebaut bei www.shop-haushalt.de Leider sieh ich das jetzt nicht, nur was nützt es mir dann wenn nicht sichtbar ist? LG Joachim
Versuche es mal hiermit: Code: #topbar-container .navbar-topbar .navbar-nav > li > a{ border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; } und wenn die Ecken auf beiden Seiten rund sein sollen, dann so: Code: #topbar-container .navbar-topbar .navbar-nav > li > a{ border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; }
Liebe Barbara, super vielen herzlichen Dank, dieser Code zeigt mir jetzt die abgerundeten Ecken an. Tausend Dank an alle für die Mühe. LG Joachim