Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo, liebe Experten,
Ich benutze Theme 49466. Die Farbe der Kommentare ist dort sehr blass eingestellt. Ich kann es ändern, aber nach jedem neuen Update (was automatisch abläuft) wird meine Änderung in main-style.css auf default-Version wieder gesetzt. Wie kann ich das verhindern?
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Nutze für eigenes CSS am besten das WordPress Menü "Design > Customizer > Zusätzliches CSS" oder ggf. ein entspr. ähnliches dafür vorgesehenes Feld im Konfigurationsbereich Deines Themes.
Damit werden Änderungen bei Theme-Updates nicht überschrieben.
Alternativ kannst du ein Child Theme anlegen und dort die style.css anpassen.
Die Customizer Lösung ist aber einfacher, insbesondere wenn du nur weniges anpassen musst.
b3317133
Danke für den Tipp. Leider kann ich so "dafür vorgesehenes Feld im Konfigurationsbereich meines Themes" nich finden. Und zusätzliches CSS von nichts herzustellen, das traue ich mir nicht zu; ich bin ein Physiker (der älteren Generation). Gibt es irgendwo Muster genau für solche Aufgaben?
Bist du sicher dass des im Customizer nicht zu finden ist?
Es gibt tatsächlich Themes, die Zusätzliches CSS nicht unterstützen.
Dann würde ich wie oben geschrieben die Child Theme variante empfehlen.
Gibt es den Punkt im WordPress Menü "Design > Customizer > Zusätzliches CSS"?
Gibt es einen Link zur Seite mit den Kommentaren? Welche Farbe genau dort ist gemeint?
Der Link zu meiner problematischen Seite ist:
http://naturics.info/uncategorized/your-comments/
Meine gewünschten Änderungen, die ich aus dem main-style.css genommen habe (sie werden immerwieder bei Updates überschrieben):
.comment-holder .comment-list .comment .comment-body .extra-wrap {
padding:0;
margin:0;
background:none;
color:#442288;
/*here bbbaba to 442288*/
text-transform:none;
}
@Media (max-width: 480px) {
.comment-holder .comment-list .comment .comment-body .extra-wrap { overflow:visible; }
}
.comment-holder .comment-list .comment .comment-body .comment-meta {
margin:14px 0 0 0;
font:300 15px/1.2em 'Open Sans', 'sans-serif';
color:#228844;
/*here bbbaba to 228844*/
text-transform:none;Und ich möchte gerne nach den neusten Comments oben (und nicht unten) sortiert haben. Wie geht das?
Auf meinem Customizer gibt es eine Option "Zusätzliche css" mit folgendem Inhalt:
/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein.
Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/
body .header { padding:0px 20px 0 20px; }
.header {
border:none;
padding:0;
border-top:15px solid #000066;
}
@Media (min-width: 980px) and (max-width: 1200px) {
.camera_caption > div > h2 {
font-size:35px;
margin-bottom:0px;
}
}
@Media (min-width: 768px) and (max-width: 979px) {
.camera_caption > div > h2 {
font-size:30px;
margin-bottom:0px;
}
}
.camera_caption > div .btn {
font:15px/1.2em 'Open Sans', 'sans-serif';
color:#fff;
padding:20px 30px;
background:#363f45;
}
@Media (min-width: 768px) and (max-width: 979px) {
.camera_caption > div .btn { padding:10px 20px; }
}
.nav__primary {
position:relative;
float:none;
padding:0;
margin:0;
z-index:100;
background:none;
border-top:5px solid #000066;
}
.btn, .reply a {
position:relative;
display:inline-block;
border-radius:0;
border:none;
text-shadow:none;
color:#fff;
font:15px/1.2em 'Open Sans', 'sans-serif';
text-transform:uppercase;
padding:20px 30px;
letter-spacing:0;
height:auto;
box-shadow:none;
text-decoration:none;
background:#000066;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
transition:all 0.3s ease 0s;
}
.logo .logo_h__txt a:hover, .logo .logo_h__txt a:active, .logo .logo_h__txt a:focus {
color:#000066;
text-decoration:none;
}
.camera_caption > div .btn {
font:15px/1.2em 'Open Sans', 'sans-serif';
color:#fff;
padding:20px 30px;
background:#000066;
}
.camera_caption > div .btn:hover, .camera_caption > div .btn:active {
background:#fff;
color:#000066;
}
.filter-wrapper .filter li a:active, .filter-wrapper .filter li a:hover, .filter-wrapper .filter li a:focus {
text-decoration:none;
color:#fff;
background:#000066;
}
.filter-wrapper .filter .active a {
text-decoration:none;
color:#fff;
background:#000066;
}
.footer-widgets >div > div > div > h4 {
color:#000066;
margin:0 0 27px;
font:300 20px/1.2em 'Open Sans', 'sans-serif';
text-transform:uppercase;
}
.nav__primary .sf-menu >li.current-menu-item { background:#000066; }Was kann ich damit anfangen? Danke für jede Anregung!!!
Füge den gewünschten CSS-Code am Ende von "Design > Customizer > Zusätzliches CSS" ein, z.B.
Die Reihenfolge kannst Du im WordPress Menü "Einstellungen > Diskussion > Weitere Kommentareinstellungen > Die ältesten/neusten Kommentare sollen oben stehen" anpassen, wenn Dein Theme das unterstützt.
SUPER!!! Vielen Dank b3317133; es hat endlich ein Click bei mir gemacht. Hoffentlich hilft das auch bei nächsten Problemen.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!