Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Wo sind in Drupal 9 di css files?

Eingetragen von michaelkurt (47)
am 09.01.2022 - 18:49 Uhr in
  • Themes & Theming
  • Drupal 9.x

Hallo,

habe eine Webseite mit Drupal 9 erstellt, mit Edux Theme. Bei Drupal 7 wusste ich ein wenig, wie ich das Theme verändern konnte, nun komme ich aber nicht zurecht. Moechte einige Regionen in der Größe ändern (box, padding), schaue über google chrome nach (Untersuchung der Seite), weiss dann dass ich bsp.-weise menu-wrapper verändern muss, weiss aber nicht, wo ich in den Dokumenten suchen muss. Könnt ihr mir einen Rat geben? Oder ein Tutorial empfehlen?
Vielen Dank Michael

‹ Title in Node überschireben Problem bei der Gestaltung mit dem Safari-Browser ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Die CSS Dateien sind unter

Eingetragen von Sammelzwerg (377)
am 09.01.2022 - 20:09 Uhr

Die CSS Dateien sind unter /themes/contrib/Name des Themes wenn es ein nachträglich installiertes Theme ist, und unter /core/themes/Name des Themes bei den mit Drupal mitgelieferten.
Änderungen direkt vorzunehmen ist aber nicht sehr empfehlenswert, du solltest dir dafür ein eigenes Theme machen. Dazu kannst du ein vorhandenes kopieren und dann anpassen.
Hier ein paar Seiten mit Anleitungen:
https://www.drupal.org/docs/theming-drupal

https://www.specbee.com/blogs/how-to-create-custom-drupal-9-theme

https://gole.ms/guidance/your-definitive-guide-creating-drupal-9-theme

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke, benutze das edu theme,

Eingetragen von michaelkurt (47)
am 11.01.2022 - 17:45 Uhr

Danke, benutze das edu theme, habe dies kopiert und versucht als subtheme zu benutzen. Wollte die header - slider region ändern, ein anderes Hintergrundbild. Finde aber nicht, wie ich die main-wrapper region anders stylen kann.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Es empfieht sich, eine eigene

Eingetragen von wla (9464)
am 11.01.2022 - 18:19 Uhr

Es empfieht sich, eine eigene CSS-Datei in die Library des Themes einzubauen. Dazu editierst Du die Datei edux.libraries.yml und fügst eine Zeile für eine eigene CSS-Datei ein z.B. my.css. Achtung eine .yml-Datei ist zickig und mag keine Tab-Characters sondern nur Blanks als Einrückung. Sorge dafür, daß Deine eigene CSS-Datei am Ende der Liste der CSS-Dateien steht. Dann kannst Du darin alle Deine Änderungen sammeln. Beispiel:

global-styling:
  version: VERSION
  css:
    theme:
      css/style.css: {}
      css/my.css:{}
.......
Der untere Teil bleibt unverändert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo WLA habe hier beim

Eingetragen von mibadix (237)
am 27.01.2022 - 19:08 Uhr

Hallo WLA habe hier beim Suchen Deine Antwort auf diese Frage gefunden, die ich auch hatte. Aber immer wenn ich es so probiere mit my.css, dann erscheint eine Seite, die nicht richtig geladen wird. Eigentlich müsste die Seite doch unverändert bleiben, wenn in mycss gar nichts steht oder ?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Werner, Du hattest mir

Eingetragen von mibadix (237)
am 02.07.2023 - 16:06 Uhr

Hallo Werner, Du hattest mir damals diesen Tipp gegeben.
ich habe my.css hinzugefügt, dann eine Veränderung der Schriftgrösse vorgenommen im my.css:
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--heading-font);
color: var(--bold-color);
}
P {
font-family: var(--heading-font);
color: var(--bold-color);
font-size:2rem;

Aber dennoch ändert sich die Schriftgrösse nicht.
Anbei Screenshot von Firefox.
Die Css Datei (extern?) steht nun unter sites/default/files/css und heisst:

http://localhost/drupal10/web/sites/default/files/css/css_IBxK9gW-g4FBYW...

wenn ich darin die Änderung von p durchführe und speichere passiert aber nichts. Trotzdem bleibt die Schriftgrösse wie zuvor.

Was verstehe ich nicht?

Vielen Dank!

AnhangGröße
Schermata 2023-07-02 alle 15.56.24.png 210.15 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

Die CSS-Anweisungen werden

Eingetragen von wla (9464)
am 02.07.2023 - 17:19 Uhr

Die CSS-Anweisungen werden über Selectoren gesteuert. h1 ist etwa so ein Selector. Meist kommen Selectoren aber als Kombinationen vor z.B. .body .node h1 { .... } Das ist ein h1 nach einer Class node, die nach einer Class body folgt. Ein solcher genauerer Selektor überschreibt dann Deine einfache h1-Anweisung. Wenn Du wissen willst, wie der aktuelle Selector für eine spezielle Stelle lautet, mußt Du mit Inspect im Firefox arbeiten. Da siehst du genau welche Selectorkombination wirksam ist. Genau diese Kombination mußt Du dann überschreiben.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
Weiter

Neue Kommentare

  • Verwende doch das Tag dafür,
    vor 2 Wochen 5 Tagen
  • Guckst du hier: step by step
    vor 2 Wochen 4 Tagen
  • Guckst du hier: step by step
    vor 2 Wochen 4 Tagen
  • Ich habe ja keine Angst vor
    vor 4 Wochen 8 Stunden
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 4 Wochen 2 Tagen
  • Vielen Dank erst einmal, aber
    vor 4 Wochen 4 Tagen
  • Du hast die "Trusted host
    vor 4 Wochen 4 Tagen
  • Bitte genauer den aktuellen Lösungs-Ansatz beschreiben
    vor 6 Wochen 3 Tagen
  • Git und rsync sind die wichtigsten Werkzeuge
    vor 7 Wochen 3 Stunden
  • Arrrrg. Nix Tabelle :-D /*
    vor 11 Wochen 2 Tagen

Statistik

Beiträge im Forum: 250284
Registrierte User: 20508

Neue User:

  • Marvinkep
  • RandallFloop
  • Inga GuAph

» Alle User anzeigen

User nach Punkten sortiert:
wla9464
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 33 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association