FAQ lesen
Neues in Bitrix24
Bitrix24 Support
Registrierung und Autorisierung
Womit fangen Sie an?
Feed
Abonnement
Aufgaben und Projekte
Messenger
Startseite: Vibe
Projektgruppen
Kalender
Drive
Webmail
CRM
CoPilot – KI in Bitrix24
Elektronische Unterschrift für HR
Elektronische Unterschrift
CRM-Onlineshop
Bestandsverwaltung
Geschäftsanalytik
Contact Center
Mein Profil
Marketing
Vertriebsstelle
CRM-Analytik
BI-Builder
Automatisierung
CRM + Onlineshop
Workflows
Unternehmen
Onlineshop
Websites
Anwendungen
Wissensbasis
Videokonferenzen
Telefonie
Enterprise
Einstellungen
Desktop-Anwendung
Allgemeine Fragen
On-Premise Version
Updates in Beiträgen

Bitrix24Help

Benutzerdefinierte CSS auf der Website einbinden

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:

War diese Information hilfreich?
Assistenz von Integrationsspezialisten anfordern
Nicht das, wonach ich suche.
Kompliziert und unverständlich formuliert.
Die Information ist veraltet.
Zu kurz, ich benötige mehr Informationen.
Mir gefällt nicht, wie das Tool funktioniert.
Zu Bitrix24 wechseln
Sie haben noch keinen Account? Jetzt kostenfrei erstellen

Sehen Sie sich unsere Videos an

Bitrix24 Webinaraufnahmen und Videos