Tagged: , , , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 26, 2018 at 2:01 pm #1037648
    social_natives

    Liebes Kriesi-Team,

    ich möchte meinen Header wie auf der Startseite auf jeder Seite haben, habe dort jedoch noch folgende Probleme/Fragen:

    – Ich habe die Navigationsleiste wie gewünscht transparent-blau & den Logo Hintergrund volldeckend weiß hingekriegt über mein Custom CSS (siehe Ende des Beitrags), jedoch wird der äußere Rand rechts und links hinter dem Logo nicht als weiß angezeigt sondern die Ecken sind transparent. Ich finde allerdings auch mit der Browser Untersuchen Funktion keine Klasse oder ID mit der ich diese “Ecken” ansprechen könnte.

    – Darüber hinaus suche ich nach einer Lösung dass immer der transparente Header wie oben angezeigt wird, auf jeder Seite & sich auch bei scrollen nicht verändert sondern die Navigationsleiste immer transparent-blau bleibt. Bisher ändert sich der Header nach scrollen immer wieder zu vollgedeckter Farbe auch wenn ich die opacity runterreguliere (Blau wird nur bleicher dadurch). In den Einstellungen finde ich leider keine entsprechende Lösung immer den transparenten Header auf der gesamten Seite zu nutzen.

    Vielen Dank im Voraus für Ihre Hilfe.

    Viele Grüße

    Mein Custom CSS:

    #header_main_alternate {
     background: rgba(48, 127, 226, 0.6) !important;    
}

.container.av-logo-container {
     background: rgba(255, 255, 255, 1.0) !important;}
    November 30, 2018 at 12:22 am #1039177
    Basilis

    Hey social_natives,

    Could you please post the question in English, so we can assist you faster?

    Best regards,
    Basilis

    December 6, 2018 at 2:18 pm #1041661
    social_natives

    Hey Basilis,

    I have some Issues with my header. I would like that the header looks like at the top of the site without scrolling even if i scroll down. (navigation = transparent blue like now, Logo background full white). And i would like to have this transparent blue background also for the submenu.

    The second Issue is that if the i scroll down at the right and left you can see a “quater” with the slide image. But i would like to have it full white like at the top and scrolling complete down. But at the first scroll you can see the image. (i add a screenshot link)

    How could i solve that?

    Sorry for my bad english, i hope you can understand these issues.

    Thanks in advance

    December 13, 2018 at 5:01 am #1044682
    Ismael

    Hi,

    Thanks for the update.

    The following css codes should help. It will make the menu container transparent and remove the gaps on both edge of the main header.

    #top .av_header_glassy .header_bg {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#top #header_main:before {
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    background: #ffffff;
    position: absolute;
}

    Best regards,
    Ismael

    December 17, 2018 at 3:06 pm #1046323
    social_natives

    Thanks a lot, it works! :)

    Best regards

    December 19, 2018 at 1:15 am #1047058
    Ismael

    Hi,

    Great! Glad it worked.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header Farben Änderungen & Erweitertes Styling funktioniert nicht.’ is closed to new replies.