top_de
LogIn
Ihr Bitrix24
Loggen Sie sich in Ihrem Bitrix24 ein.
LogIn

Bitrix24Help

Benutzerdefinierte CSS auf der Website einbinden

Ranking:

Bitrix24.Websites unterstützen CSS. Sie können jederzeit die Ansicht von Elementen benutzerdefiniert anpassen.

Benutzerdefinierte CSS ermöglichen es, die Ansicht der Websites manuell zu konfigurieren. Das Werkzeug fordert praktische Erfahrungen und bestimmte Qualifikationen bei Computerkenntnissen an, daher wird es empfohlen, im Vorhinein Lernmaterialien zur Nutzung von CSS sorgfältig zu lesen.

Unter finden Sie einige Anwendungsbeispiele der benutzerdefinierten CSS.

Farben der Elemente anpassen

Es ist möglich, das eigene Farbdesign für die Elemente auf der Website manuell anzupassen.

Als Beispiel ändern wir das Farbthema eines Blocks auf unserer Website.

block.png
Veröffentlichen Sie die zu bearbeitende Seite.

Drücken Sie die F12-Taste und wechseln Sie in den Entwickler-Modus der veröffentlichten Seite.

entwickler.png

Zum Bearbeiten der Textfarbe nutzen Sie die ID und Klasse des Blocks.

#block4435 .landing-block-node-title
{
color: #000080 ;
}

Zum Anpassen der Hintergrundfarbe finden wir diesen Block nach seiner Klasse, wobei wir präzisieren, dass nur der Tag section innerhalb dieses Blocks geändert wird.

hintegrund.png
#block4435.block-04-1-one-col-fix-with-title section section
{
background-color: #90EE90 ;
}

Unter Seiteneinstellungen gehen Sie auf den Punkt Benutzerdefinierte HTML und CSS und fügen Sie erhaltene Codes im Eingabefeld ein.

codes.png

Veröffentlichen Sie erneut die Seite und stellen Sie fest, dass die vorgenommenen Änderungen angewendet wurden.

angewendet.png
Die !important-Regel kann Ihnen helfen, die natürliche Wertigkeit einer Reihe von Style-Angaben zu verändern. Wenn Ihre Einstellungen nicht angewendet wurden, versuchen Sie, das Schlüsselwort !important in die Zeile einzufügen (z.B. color: #E9AD99 !important). Dabei spielt es keine Rolle, ob ein Leerzeichen zwischen important und dem Ausrufezeichen ist. Die Regel wird von allen Browsern unterstützt.

Elemente im Block ausblenden

Mit benutzerdefinierten CSS können Sie auch Elemente im Block ausblenden. Dafür sollten Sie als Erstes seine Klasse erhalten. Als Beispiel blenden wir Buttons im Block mit Preisen aus.

Wechseln Sie in den Entwickler-Modus der Seite.

Vergessen Sie nicht, die Seite zu veröffentlichen.

button.png

Fügen Sie jetzt in den Seiteneinstellungen den untenstehenden Code ein.

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

Speichern Sie die Einstellungen und veröffentlichen Sie die Seite.

ohne_button.png
Benutzerdefinierte CCS in Bitrix24.On-Premise sind nur ab der Websites-Version 18.5.8 verfügbar. Überprüfen Sie im Vorhinein, dass Ihr Bitrix24 auf dem neusten Stand ist, und, wenn notwendig, aktualisieren Sie Ihren Account.

Beiträge, die wir Ihnen auch empfehlen:

Danke, das hilft Danke :) Das hilft nicht Schade :(
Könnten Sie bitte sagen, warum:
Es ist nicht das, was ich suche
Es ist zu kompliziert und unverständlich

Sehen Sie sich unsere Videos an

Bitrix24 Webinaraufnahmen und Videos
Weitere Videos anschauen