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 - 17: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 - 19: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 - 16: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 (9461)
am 11.01.2022 - 17: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 - 18: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 - 15: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 (9461)
am 02.07.2023 - 16: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

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 1 Tag
  • Hey danke
    vor 2 Wochen 2 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 3 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 21 Stunden
  • Da scheint die Terminologie
    vor 3 Wochen 1 Tag
  • Kannst doch auch alles direkt
    vor 3 Wochen 5 Tagen
  • In der entsprechenden View
    vor 3 Wochen 5 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 5 Tagen
  • gelöst
    vor 6 Wochen 1 Tag
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 2 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20452

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 22 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