Przeczytaj FAQ
Nowości Bitrix24
Aktualizacje artykułów
Jak zacząć?
Wsparcie Bitrix24
Aktualności
Rejestracja i autoryzacja
Zadania i projekty
Komunikator Bitrix24
Grupy robocze
Kalendarze
Zarządzanie asortymentem produktów
Dysk
Baza Wiedzy
Poczta internetowa
Automatyzacja
CRM
Analityka CRM
Kreator BI
Marketing
Centrum Sprzedaży
Firma
Strony internetowe
Sklep online
Bitrix24.Market
Centrum Kontaktowe
Telefonia
Workflow
Ustawienia
Bitrix24 On-premise
Subskrypcja
AI CoPilot
Aplikacja desktopowa
CRM + Sklep internetowy
e-Podpis
e-Podpis w HR
Enterprise
Mój profil
Sales Intelligence
Logowanie

Bitrix24Care

Dodaj niestandardowy CSS do witryny lub sklepu internetowego

W Bitrix24 możesz dodać niestandardowy CSS do swojej witryny, aby dostosować widok elementów.

Korzystanie z CSS wymaga szczególnych umiejętności i doświadczenia. Jeśli nigdy wcześniej nie korzystałeś z CSS zalecamy przeczytanie odpowiednich samouczków.

Rozważmy kilka podstawowych przykładów użycia niestandardowego CSS w Bitrix24.

Zmiana koloru elementów

Na przykład Twoja firma używa własne kolory. Użyj niestandardowego CSS, aby zmienić kolory elementów.

  • Zmień kolor czcionki.
  • Uwaga: musisz opublikować stronę przed rozpoczęciem pracy z niestandardowym CSS.

    Przejdź do widoku kodu opublikowanej strony> kliknij Inspect> wybierz blok, który chcesz dostosować.

    Aby zmienić kolor czcionki, musisz określić identyfikator i klasę tego bloku.

     #block635 .landing-block-node-title
    {
    color: #000080 ;
    }
    Jeśli nie określisz identyfikatora bloku, zmiany zostaną zastosowane do wszystkich podobnych bloków na stronie.

    Następnie otwórz Ustawienia strony i wpisz kod w polu Niestandardowy CSS.

    Opublikuj stronę. Zmiany zostały zastosowane.

    Jeśli zmiany nie zostały zastosowane, dodaj słowo !important do linii (na przykład color: #000080 !important).
  • Zmień kolor tła
  • Aby zmienić kolor tła, wybierz odpowiedni blok, określ ID i klasę bloku. Tutaj potrzebny jest znacznik section.

     #block635.block-27-2-one-col-full-title section
    {
    background-color: #000080 ;
    }

    Otwórz Ustawienia strony i wpisz kod w polu Niestandardowy CSS.

    Opublikuj lub odśwież stronę.

Ukryj elementy bloku

Jeśli chcesz ukryć niektóre elementy bloku, możesz także użyć niestandardowego CSS. Aby to zrobić, musisz skopiować klasę bloku. Na przykład ukryjmy przyciski Więcej.

Przejdź do widoku kodu opublikowanej strony.

Nie zapomnij najpierw opublikować stronę.

W Ustawieniach strony dodaj kod.

.landing-block-node-card-button
{
display: none;
}

Zapisz zmiany i opublikuj stronę.

Dodanie niestandardowego CSS w Bitrix On-Premise jest dostępne w wersji modułu witryn 18.5.8. i wyżej. Sprawdź aktualną wersję i zaktualizuj w razie potrzeby.

Czy te informacje były pomocne?
Pomoc specjalisty ds. integracji
To nie jest to, czego szukam
Skomplikowany i niezrozumiały tekst
Informacje są nieaktualne
Artykuł jest za krótki. Potrzebuję więcej informacji
Nie podoba mi się sposób działania tego narzędzia
Przejdź do Bitrix24
Nie masz konta? Utwórz za darmo