SARNETSKI
  • Baza wiedzy
  • Zaloguj się

Przeszukaj artykuły bazy wiedzy

  • Różne kody css

    2024-02-28 19:32:30
    Kod na dodatkowe funkcje w hoverze i active: .elementor-nav-menu--main .elementor-nav-menu a:hover,.elementor-nav-menu--main .elementor-nav-menu a:active {font-weight: 700!important...
  • Zmiana koloru czcionek na hoverze kontenera

    2025-03-05 12:09:03
    ...
  • Gradient na nagłówku

    2025-03-05 12:12:39
    1. Dodajemy klasę dla elementu, który ma mieć gradient np. gradient-header 2. Wklejamy kod CSS:...
  • Cień dla ikony - widżet "Blok z ikoną"

    2025-03-05 12:21:43
    1. Nadajemy widgetowi "Blok z ikonka" klase np. my-icon-parent 2. Wklejamy kod CSS: .my-icon-parent .elem...
  • Kształt kontenera - zaokrąglone rogi (prawy górny róg ścięty)

    2025-03-05 12:27:28
    1. Nadajemy kontenerowi klasę np. cut-corner 2. Ustawiamy zaokrąglenie "DO PRAWEJ" na wartość...
  • Responsywność (max-min)

    2025-03-05 12:42:40
    Jeśli chcesz zmienić jakąś wartość (szerokość, wysokość itp.) możesz to zrobić poprzez zastosowanie kodu, który pozwoli ci dostosować to do responsywności poszczególny...
  • Zmiana ikony z widgetu "Lista ikon" na lewą stronę

    2025-03-05 13:44:40
    ...
  • Ukrycie obiektu - pojawienie się na hoverze

    2025-03-05 16:02:00
    1. Nadaj mu unikalną klasę no. hidden-img 2. Wklej ten kod CSS: .custom-hover-white .hidden-img {opacity: 0;transition: opacity 0.3s ease;} .custom-hover-white:hover .hidden-img {opacity: 1;}...
  • Loop Hover - zmiana koloru czcionek, tła, przycisku, rozdzielacza

    2025-03-05 12:32:19
    ...
  • Gradient obramowania breadcrumbs

    2025-03-05 12:35:24
    1. Nadajemy mu klasę np. gradient-breadcrumbs 2. Wklejamy kod CSS: .gradient-breadcrumbs > .eleme...
  • Acceptance (checkbox) - Custom CSS Elementor

    2025-03-05 12:55:06
    ! Ten kod ma zastosowanie tylko gdy dasz go w edytorze elementora zakładka Zaawansowane -> Custom CSS danego elementu ! ...
  • Fragment nagłówka w innym kolorze/rozmiarze/grubości

    2025-03-05 13:05:55
    1. Wpisujemy w polu widgetu "Nagłówka", bądź innego widgetu tekstowego taki kod: To jest ...
  • Kolor odnośników (linków)

    2025-03-12 10:06:23
    1. Nadaj unikalną klasę jeśli potzrebujesz np. my-custom-links 2. Wklej kod CSS: .my-custom-links a {color: #fff !important;transition: color 0.2s ease;} .my-custom-links a:hover {color: #fff !im...
  • Gradient przycisku formularza - hover przycisku

    2025-07-17 15:07:51
    /* Kolor przycisku formularza*/ selector .elementor-button {background: linear-gradient(180deg, #FDC727, #F6A62B);border: none;color: #fff;transition: background 0.3s ease;} selector .elementor-button:hover {b...
  • Formularz - wyszarzony tekst na czarny

    2025-07-17 15:30:56
    W niebieskim miejscu wpisz swoją klase .formularz .elementor-field::placeholder,.formu...
  • Formularz - Link do zgody i style linku

    2025-07-17 15:35:41
    <a style="text-decoration: underline; color: #086AA9" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> polityką prywatności</a>...
  • Formularz - Wyrównanie przycisku zgody do tekstu

    2025-07-17 15:37:27
    na niebeisko podmień klase .formularz .elementor-acceptance-field[type="checkbox"] { po...
  • Zastąpienie ikony i tła na hoverze

    2025-03-10 10:01:22
    ...
  • Blur tło kontenera

    2025-07-17 17:03:21
    Wchodzimy w dodatkowy css i wklejamy:selector{backdrop-filter: blur(5px);}...
2026 Prawa autorskie SARNETSKI