Wsparcie » Motywy » Accesspress Paralax Pro i półprzeźroczysty Sticky header

  • Rozwiązany fiorino

    (@fiorino)


    Witam wszystkich serdecznie,
    Nie wiem czy zadaje to pytanie w odpowiednim miejscu, niemniej jednak sprobuje…
    Pytanie odnosi sie do wpisow powyzej. chodzi mi mianowicie o to jak zrobic aby taki naglowek podczas przewijania stawal sie polprzezroczysty, czy jest na to jakis sposob w ustawieniach, czy trzeba posiadac umiejetnosci programowania HTML (ktorych niestety nie posiadam za grosz)
    urzywam motywu accesspress paralax pro i jest tam opcja „sticky header” ktora uaktywnia przewijanie naglowka ze strona, ale chcialbym aby podczas przewijania naglowek sie zmienial.
    Z gory dziekuje za pomoc i pozdrawiam.
    Marek

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ustawienie przeźroczystości powinno być chyba gdzieś w personalizacji, w sekcji Header Settings.
    Ewentualnie możesz w Personalizacja >> Własny CSS wrzucić np.:
    #main-header.menu-fix { background:rgba(255,255,255,0.7) !important; }

    @adpawl Niestety nie ma tak prosto i w personalizacji nie raczyli umiescic tych ustawien. Byla tam tylko mozliwosc zmiany koloru, ale skorzystalem z Twojej drugiej porady (oczywiscie, najpierw musialem sie doszkolic jak to technicznie przeprowadzic 🙂 i Eureka!
    dziala dokladnie tak jak chcialem…
    Dziekuje Ci bardzo za pomoc.
    Nie chcialbym naduzywac Twojej uprzejmosci, ale czy moglbys mi podac taki kawalek kodu ktory by sprawil ze dodatkowo ten naglowek by sie stawal troszke wezszy podczas przewijania?
    Jeszcze raz serdecznie dziekuje i pozdrawiam.

    #main-header.menu-fix { background:rgba(255,255,255,0.7) !important; height:100px; }

    @adpawl Dzieki wielkie ponownie, niestety chyba zrezygnuje z tego calego pomniejszania naglowka gdyz na naglowku mam jeszcze logo i menu i jak sie naglowek zmniejsza to te dwa pozostale elemety pozostaja takie same i to nie wyglada za dobrze…
    Pozdrawiam

    Aaaa, węższy …ja przeczytałem omyłkowo „większy”.

    To sprawdź tak:

    #main-header.menu-fix { background:rgba(255,255,255,0.7) !important; }
    #main-header.menu-fix #site-logo img { max-width:60%; }
    #main-header.menu-fix .main-navigation > ul > li { padding: 3px 0; }

    @adpawl
    Przepraszam, moja wina że nie miałem jezyka polskiego zainstalowanego…
    Wracając do tematu, wszystko śmiga aż miło dzięki Tobie 🙂
    Pozwoliłem sobie, metodą prób i błedów trochę przerobić ten kod który mi wysłałeś, mam nadzieję że nic nie popsułem.
    #main-header.menu-fix { background:rgba(255,255,255,0.8) !important;
    height:150px; }
    #main-header.menu-fix #site-logo img { max-width:85%; }
    #main-header.menu-fix .main-navigation > ul > li { padding:
    3px 0; }
    Dziękuję za pomoc i pozdrawiam.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Accesspress Paralax Pro i półprzeźroczysty Sticky header’ is closed to new replies.