Support » Themes » Einstellungen der base.css überschreiben

Einstellungen der base.css überschreiben

  • Gelöst hightower1848

    (@hightower1848)


    vor 5 Jahren, 9 Monaten

    Hallo zusammen,

    ich habe ein Child-Theme und in dessen style.css folgenden Code:

    .comments-area{
	border: 1;
	border-style:solid;
	border-color: black;
}

    Das sollte also eigentlich dafür sorgen, dass der Kommentarbereich umrandet ist. Allerdings gibt es in der base.css-Datei des Parent-Themes folgenden Code, der die Umrandung deaktiviert:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }

    Zum grundsätzlichen Verständnis für mich: Wird die base.css einfach nach der style.css geladen und überschreibt somit die Eigenschaft, oder können Dinge, die in der base.css-Datei definiert sind, nicht geändert werden?

    Und was wäre für mich die sinnvollste Lösung? Muss ich eine base.css-Datei im Child-Theme anlegen und dort die Eigenschaft ändern?

    • Dieses Thema wurde geändert vor 5 Jahren, 9 Monaten von hightower1848.
Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 9 Monaten

    Probier mal

    .comments-area{
	border: 1px solid black;
}

    Ich vermute, dass die fehlende Angabe der Einheit bei der Rahmenbreite dazu führt, dass die fehlerhafte CSS-Regel ignoriert wird.

    Grundsätzlich überschreibt das Stylesheet des Child Themes Stylesheets des Parent Themes, weil es später geladen wird. Manchmal spielen einem aber spezifischere CSS-Regeln im Parent Theme einen Streich. Wenn im Parent Theme z.B. .main .comments-are { … } definiert ist, kann im Child Theme .comments-area { … } nicht greifen, weil die Regel des Parent Theme spezifischer ist.

    https://stuffandnonsense.co.uk/archives/css_specificity_wars.html

    Thread-Starter hightower1848

    (@hightower1848)

    vor 5 Jahren, 8 Monaten

    Das war ja dann doch einfacher als gedacht. Herzlichen Dank für deine Hilfe!

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Einstellungen der base.css überschreiben“ ist für neue Antworten geschlossen.

Ansichten