Stripe Responsive Menü-Modifikationen

Drcymbal

Hallo zusammen,

ich bin ganz frisch hier, mühe mich mit ZP 14.01 Premium ab und würde mich über Eure konstruktive Hilfe sehr freuen.

Ich möchte das Layout „Stripe Responsive“ verwenden. Hier liegen mir zunächst folgende CSS-Fragen am Herzen:

Hauptmenü (Dropdown-Menü 1 und 2):

Wie kann ich hier Rundung und Schatten abstellen?

Wie kann ich die Größe des jeweils aufklappenden Menüs vergrößern (Zeilenhöhe, Minimalbreite)?

Im Idealfall hätte ich gerne ein Mega-Menü ähnlich dem im Layout „Dokumentation“.

Wie kann ich im Hauptmenü abwärts gerichtete Pfeile anzeigen lassen, die auf ein Untermenü hinweisen?

Suchfunktion:

Wie kann ich hier die Breite des Eingabefensters vergrößern?

Wie kann ich hier die Rundungen des Eingabefensters abstellen?

Ich bin leider totaler Anfänger, was CSS angeht und wäre daher für eine idiotensichere Anleitung äußerst dankbar.

Vielen Grüße

Tom

Walter

Zitat von Drcymbal

Wie kann ich hier Rundung und Schattenabstellen?

Hallo Tom,

vielleicht hilft das für diesen Punkt:

Layout "Stripe Responsive" - Menüdarstellung

Mehr kann ich (mangels eigenem Wissen) leider nicht helfen.

Steffen T.

Hallo Tom,

wenn die gewünschten Anpassungen nicht im Layout-Designer zur Verfügung stehen, dann kann man das mit etwas eigenem CSS anpassen. Dazu bitte mal folgende Seite durchlesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Beispiel: Mit folgendem Code sollten die Rundungen und der Schatten der Navigation nicht mehr erscheinen:

Code

<style>
.nav-pills>li>a,
.nav-pills .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.dropdown-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
</style>

Alles anzeigen

Stripe Responsive Menü-Modifikationen

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?