Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 10, 2018 at 9:24 am #1007818
    ThomasHopmann1986

    Guten Morgen,

    1. kann mir Jemand einen tip geben, wie ich einen Fabverlauf ist Menü bekomme?
    das Menü soll am ende so aussehen wie hier:
    Hopmann-Sicherheit.de
    Hier ist ein Farbverlauf von Blau (#2863ac) zu blau mit 80%

    das ist das Menü wie ich es aktuell habe:
    Aktuelle Seite

    2. Wie bekomme ich hin, das im Menü die Schrift “Fett” wird, beim aktiven Link und beim “Hover Effekt”???

    Danke im voraus für die Mühe

    September 11, 2018 at 8:20 am #1008237
    Dude

    Hey Thomas,

    1) Verwende hierfür bitte folgenden Code:

    
#top #wrap_all #header_main_alternate {
    background-color: #2863ac;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.45);
    background: -webkit-gradient(linear, center top, center bottom, from(#2862AC),color-stop(100%, rgba(0,104,203,0.8)));
    background: -webkit-linear-gradient(top,#2862AC ,rgba(0,104,203,0.8) 100%);
    background: linear-gradient(to bottom,#2862AC ,rgba(0,104,203,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF2862AC, endColorstr=#CC0068CB, GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2862AC', endColorstr='#CC0068CB', GradientType=0)";
}

#top #wrap_all #header .av-main-nav > li > a {
    background-color: transparent;
}

    2) Versuche bitte hierfür diesen Code:

    
#top .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    font-weight: normal;
}

#top .av_seperator_small_border .av-main-nav > li:hover > a > .avia-menu-text, #top .av_seperator_small_border .av-main-nav > li.current-menu-item > a > .avia-menu-text {
    font-weight: bold;
}

    Best regards,
    Dude

    September 11, 2018 at 9:14 am #1008270
    ThomasHopmann1986

    Hey Dude,

    vielen Dank.
    1. Das mit dem Farbverlauf hat funktioniert, klasse. Nur leider macht er mir jetzt den aktiven Menüpunkt Grau, selbiges beim Hover-Effekt. Nur das soll ja gern alles weiß bleiben bei Hover nur größer oder “Fett” werden.

    2. Das hat leider nicht funktioniert.

    September 11, 2018 at 6:42 pm #1008494
    Dude

    Hi,

    Erstelle mir bitte einen Admin Account und ich sehe mir an, warum der Code nicht funktioniert.

    LG,
    Peter

    September 11, 2018 at 6:45 pm #1008499
    ThomasHopmann1986

    hi, den account habe ich erstellt:

    September 11, 2018 at 7:04 pm #1008519
    Dude

    Hi,

    Ich habe den Fehler gefunden – beim Code im Custom CSS Feld hat eine geschwungene Klammer ( } ) gefehlt (weiter oben) und dadurch hat dann der Code darunter nicht funktioniert.

    LG,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.