Wsparcie » Motywy » Background overlay nie działa

  • Witam wszystkich, jako świeży użytkownik WordPress natrafiłem na problem
    w sekcji „tło” ustawiam grafikę, natomiast w sekcji „nakładka tła” chcę pokryć zdjęcie gradientem z przezroczystością 0,9.
    Na podglądzie podczas tworzenia jest ok, natomiast nie widzę zdjęcia w tle a sam gradient kiedy wszystko akceptuję już w wersji finalnej

    To jak ma wyglądać: https://imgur.com/k3sonIT
    To co widzę: https://imgur.com/NWMYBJQ

    Dziękuję za wszelkie podpowiedzi

    Wtyczki które posiadam to tylko Elementor, Elementor Pro, Extras for Elementor
    Wordpres 5.5.1
    Mac

    • This topic was modified 1 month, 1 week temu by kamilmc1.

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Paweł Knapek

    (@adpawl)

    Wartość ułamkowa musisz podać z kropką, nie z przecinkiem.
    Czyli 0.9 zamiast 0,9

    Zmieniłem na kropkę (choć przesuwając suwakiem elementor domyślnie ustawia przecinek) i nadal nie widać nałożonego gradientu na tło, a sam gradient.

    Co mógłbym jeszcze zrobić?

    Moderator Paweł Knapek

    (@adpawl)

    Nie mam teraz akurat możliwości sprawdzić na Elementorze, ale z tergo co pamiętam, to w panelu faktycznie pokazywał przecinki, ale w stylach wstawiał już prawidłowo kropki.
    Natomiast u Ciebie w stylach są właśnie przecinki – co jest niezgodne ze składnią.

    Z jakiej wersji Elementora korzystasz? Z najnowszej?
    Wejdź w Elementor >> Narzędzia i tam kliknij w Napraw CSS albo Zregeneruj pliki czy jakoś tak i sprawdź.

    Jeżeli nie pomoże, to w Wygląd >> Personalizacja >> Dodatkowy CSS możesz wrzucić:

    .elementor-96 .elementor-element.elementor-element-c3e5a82 > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(80deg, #000000 0%, #FFF302 100%);
        opacity: 0.7;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }

    Tak mam najnowszą wersję, naprawa css nie pomogła
    ale
    pomógł dodatkowy CSS, dzięki po stokroć bo szukałem rozwiązania dziś chyba z 5 godzin… wklejałem różne wersje znalezione na necie bez skutku.
    Dziękuje serdecznie za pomoc.

    Rozumiem że teraz parametry które chcę zadać nie ustawiam w panelu, a ręcznie w kodzie CSS?

    Moderator Paweł Knapek

    (@adpawl)

    Możesz w panelu ustawiać, a jeżeli nie zadziała, to możesz nadpisać własnymi stylami jak w tym przypadku.

    Możesz też spróbować cofnąć Elementora do którejś z wcześniejszych wersji
    …bo od wydania v3 jest strasznie zabugowany i ludzie zgłaszają z nim wiele problemów.

    To jakieś szaleństwo, czy coś się zmieniło po aktualizacjach?
    Pomimo wklejonego CSS nadal nie działa, a działało. W czym leży problem?

    Moderator Paweł Knapek

    (@adpawl)

    Zmianie uległa klasa sekcji, w stylach musisz podmienić na
    .elementor-96 .elementor-element.elementor-element-f8227ca > .elementor-background-overlay

    Albo nadać sekcji jakiś unikalny identyfikator i po nim stylować.

    Dziękuję za pomoc po raz kolejny, żebym lepiej zrozumiał, to ja dokonałem jakiejś zmiany i trzeba było nadpisać wg instrukcji wyżej? Czy to naszły zmiany w samym WP?

    Moderator Paweł Knapek

    (@adpawl)

    Elementor przenumerował sobie bloki – pewnie edytowałeś stronę i dlatego.

Viewing 9 replies - 1 through 9 (of 9 total)