top_pl
Logowanie
Twój Bitrix24
Autoryzuj się aby wejść
do swojego Bitrix24.
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.

To pomogło Dzięki :) To nie pomogło Przykro nam :( Komentarz
Czy możesz nam powiedzieć, dlaczego:
Nie tego szukam
To zbyt skomplikowane